Underline Draw (底線繪製)

一條線從底邊或頂邊滑入定位，為元素加上底線或頂線。

在[套用位置]加入「底線顯現」(Underline Reveal) 懸停效果，也叫頂線顯現 (overline reveal) 或顯現 (reveal)。
游標停在元素上時，一條滿版寬度的線從底邊正下方往上滑入定位，移開後再往下滑出視線：快速而流暢。
在邊緣處裁切線條，讓它以滑入而不是淡入或伸長的方式出現，鍵盤焦點時也呈現同樣的效果。

游標懸停時文字上方出現一條線，從左側、中間或右側延伸開來。

在[套用位置]加入「上邊線延伸」(Overline Grow) 懸停效果。
游標懸停時，文字上方的線從中間往兩側延伸，游標移開後再縮回中間：快速而流暢。
預留線條的空間，避免文字位移；鍵盤聚焦時也顯示同樣的效果。

一條螢光筆般的色帶劃過詞句，將其突顯強調。

在[套用位置]加入「文字螢光筆」(Text Highlighter) 效果，也叫螢光標記 (highlight marker) 或麥克筆底線 (marker underline)。
一條螢光筆般的色帶從左到右平順地劃過關鍵詞句的背後，就像有人用筆把它畫起來。
在詞句捲動進入畫面時只播放一次，確保色帶上的文字清楚易讀，並且在詞句換成兩行時讓色帶正確跟隨。

透過替虛線偏移加上動畫，讓 SVG 描邊看起來沿著路徑被畫出來。

在[套用位置]加入「線條繪製」(Line Drawing) 動畫，也叫路徑繪製 (path drawing) 或自繪 SVG (self-drawing SVG)。
每條描邊看起來沿著路徑從起點到終點流暢地自己畫出來，第二條描邊（例如勾號）緊接在第一條之後。
進入畫面時只播放一次，不要循環；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就直接顯示畫好的線條。

藉由可變字型的軸，字母平順地變粗或變細（或改變寬度、傾斜度）。

在[套用位置]加入「可變字重動畫」(Variable Font Weight Animation) 懸停效果，也叫字重切換 (font weight shift)。
游標停在文字上時，字母從左到右依序變粗，形成一道流暢的波浪；游標移開後再變細。
使用可變字型，讓字重平順變化而不是跳變；標題變寬時不要推擠附近內容，並且在鍵盤焦點時呈現同樣的效果。

大型字母如同窗口，裡面顯示正在播放的影片。

在[套用位置]加入「影片文字」(Video Text) 效果，也叫文字影片遮罩 (text video mask)。
讓粗大的字母成為觀看正在播放影片的窗口，動態畫面只在字母形狀內顯示。
影片保持靜音、循環播放且不顯示控制項，為螢幕閱讀器提供真實的文字；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就顯示一張靜止畫面。

字母依序上下起伏，在整個詞中形成流動的波浪。

在[套用位置]加入「波浪文字」(Wavy Text) 效果，也叫文字波浪 (text wave)。
字母依序上下起伏，讓一道輕柔流暢的波浪不斷穿過整個詞。
無縫循環，讓螢幕閱讀器把它讀作一個詞；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止波浪。