Shine Sweep (光澤掃過)

一道亮光反覆掃過文字。

在[套用位置]加入「微光文字」(Shimmer Text) 效果，也叫 animated shiny text 或金屬微光文字 (metallic shimmer text)。
一條光帶從左到右流暢地掃過文字，短暫停頓後再重複。
高光經過時文字仍要清楚可讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。

一道亮光掃過灰色佔位圖形。

在[套用位置]加入「骨架微光」(Skeleton Shimmer)，也叫 skeleton wave 或 shimmer effect。
一道柔和的光帶由左往右掃過灰色佔位圖形，下一次掃過前稍微停頓：流暢、不疾不徐。
佔位圖形要與實際版面一致，內容載入時不能跳動；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就顯示靜態佔位。

一道明亮的高光像反光一樣隨游標在卡片表面移動。

在[套用位置]加入「炫光全像卡片」(Glare / Holographic Card) 效果，也叫 glare card 或 glare hover。
一道柔和明亮的高光隨游標在卡片表面移動，像光線在上面反射，同時卡片朝游標方向微微傾斜；游標移開後兩者都淡出：平順而含蓄。
讓點擊能穿透高光層，確保底下的內容清楚易讀；在觸控裝置上顯示不帶高光的卡片。

一道明亮的高光沿著卡片邊框環繞移動。

在[套用位置]加入「邊框光束」(Border Beam) 效果，也叫 shine border 或 moving border。
一道短而亮的高光沿著卡片邊框以均勻、從容的速度環繞移動，循環時不能出現明顯跳動。
效果不能改變卡片的內容和尺寸；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止光束。

游標停在元素上時，元素平順地略微縮小。

在[套用位置]加入「縮小」(Shrink) 懸停效果，也叫縮小 (scale down)。
游標停在元素上時，元素平順地略微縮小，移開後恢復原本大小：快速而含蓄。
不要讓周圍的版面產生位移，鍵盤焦點時也呈現同樣的效果。

懸停時，背景像百葉窗一樣從中間或兩側展開或合攏。

在[套用位置]加入「百葉窗填充」(Shutter Fill) 懸停效果，也叫百葉窗 (shutter)。
新的背景色從中間一條直線像百葉窗一樣向兩側展開，游標移開後再往中間合攏，同時文字顏色跟著切換以保持清楚易讀：流暢而快速。
填色要裁切在元素內部，文字保持在上方，鍵盤焦點時也呈現同樣的效果。

懸停時，元素向下移動幾個像素，彷彿被按進頁面裡。

在[套用位置]加入「下沉」(Sink) 懸停效果。
游標停在元素上時，元素略微下移並停住，彷彿被按進頁面裡，移開後再升回原位：平順，沒有回彈。
只在視覺上移動，不要讓周圍的版面產生位移，鍵盤焦點時也呈現同樣的效果。