Fade In Directional (方向淡入)

元素在淡入的同時向上移動一小段距離，彷彿落到自己的位置上。

在[套用位置]加入「上浮淡入」(Fade Up) 進場動畫，也叫 fade-in-up 或捲動顯現 (reveal on scroll)。
元素第一次捲動進入畫面時，一邊輕微上移一邊淡入：要含蓄、快速，不要有彈跳感。
只播放一次；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示、不做動畫。

元素從容器邊緣之外滑入到停靠位置，不帶淡入效果。

在[套用位置]加入「滑入」(Slide In) 進場動畫，也叫 slide in left、slide in right、slide in up 或 slide in down。
元素從容器邊緣之外滑到停靠位置，全程保持完全不透明：快速，平順減速，不要回彈。
在容器邊緣處裁切，避免它在外面時蓋住相鄰元素或產生捲軸；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接在原位顯示。

元素朝一個方向移開，同時淡出。

在[套用位置]加入「方向淡出」(Fade Out Directional) 退場動畫，也叫 fade out up 或 fade out down。
元素朝一個方向移動一小段距離並淡出：快速，離開時逐漸加速。
等淡出結束後再將它從版面中移除，避免相鄰內容提前跳動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就立即隱藏。

簡短訊息從螢幕邊緣滑入或淡入，停留片刻後離開；堆疊的通知會移動讓出位置。

在[套用位置]加入「快顯通知滑入」(Toast Slide-In)，也叫 snackbar 或 toast notification。
每則訊息從螢幕邊緣向上滑入並淡入，平順減速；有新通知出現時，已顯示的通知要平順移動讓出位置。
在不搶走焦點的前提下把訊息朗讀給螢幕閱讀器，顯示時間要足夠閱讀，滑鼠移上去或取得焦點時暫停自動關閉。

元素像故障的霓虹燈一樣快速閃爍幾下，然後保持可見。

在[套用位置]加入「閃爍入場」(Flicker In) 進場動畫。
元素像故障的霓虹燈一樣，以不規則的間隔亮滅幾次後保持點亮：俐落的閃爍，沒有位移。
只播放一次，閃爍次數要少、速度不能太快，確保對光敏感的人也安全；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接以恆亮狀態顯示。