FLIP Layout Animation (FLIP 版面動畫)

元素彷彿移動並縮放到新位置上對應的元素，看起來是同一個物件。

在[套用位置]加入「共享版面動畫」(Shared Layout Animation)，也叫頁面內共享元素 (in-page shared element)。
選取項目改變時，元素要從舊位置平順地移動並縮放到新位置，輕柔地就定位，讓人看出這是同一個物件而不是兩個。
任何時刻只顯示一份，移動過程中不要讓周圍版面跳動。

清單項目新增時淡入並滑入，刪除時以動畫退場，相鄰項目隨之補上空位。

在[套用位置]加入「清單項目進出場」(List Item Enter/Exit) 動畫，也叫動畫清單 (animated list)。
新項目先撐開自己的空間，再淡入並滑入；被刪除的項目先淡出，再收合高度，讓相鄰項目平順地補上空位。
被刪除的項目要等退場動畫結束後才移除，這樣新增或刪除項目時清單才不會跳動。

套用篩選或排序時，網格中的方塊重新排列、淡出或滑到新的位置。

在[套用位置]加入「網格重排」(Masonry / Grid Shuffle) 效果，也叫可篩選網格動畫 (filterable grid animation)。
套用篩選時，不再符合的方塊在原地縮小並淡出，其餘方塊平順地滑到新位置；清除篩選時反向播放。
網格高度變化時不要讓周圍頁面跳動；篩選控制項要用真正的按鈕，並標示目前選取的是哪個篩選。

拖曳某一項時，其他項目滑開讓位，並依新的順序排好。

在[套用位置]加入「拖曳排序清單」(Drag-to-Reorder List)，也叫可排序清單 (sortable list)。
被拖曳的項目直接跟著游標並微微浮起，其他項目平順地滑開讓位；放開後，它迅速落入最近的位置。
同時支援觸控和滑鼠，並提供用鍵盤移動項目的方式，把新位置報讀給螢幕閱讀器。

一行內容橫向無縫地無限循環捲動。

在[套用位置]加入「跑馬燈」(Marquee)，也就是水平方向無限捲動的橫條，也叫 ticker。
內容由右往左以緩慢、等速的速度捲動，無縫循環，銜接處不能出現跳動。
滑鼠移上去時暫停；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止捲動。