Melting Text (融化文字)

SVG 濾鏡用動態雜訊讓文字或形狀產生扭曲。

在[套用位置]加入「SVG 置換扭曲」(SVG Displacement Distortion) 懸停效果，也叫置換貼圖效果 (displacement map effect)。
游標移上去時，文字或形狀像隔著流動的水一樣蕩漾晃動，效果柔和地漸入；游標移開後恢復清晰。
只在效果啟用時套用扭曲濾鏡，靜止時不產生任何負擔；鍵盤聚焦時也顯示同樣的效果。

透過 SVG 置換濾鏡，字母邊緣像手繪一樣抖動。

在[套用位置]加入「扭動文字」(Squiggly Text) 效果，也叫 wobbly text 或 turbulence text。
字母邊緣輕微抖動，就像每秒被手工重畫好幾次：是含蓄、細碎的抖動，而不是流暢的波浪。
保持文字可讀；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持靜止。

文字隨捲動或游標移動自然地扭曲、起伏。

在[套用位置]加入「文字扭曲」(Text Distortion) 效果，也叫 organic text distortion。
一行文字不斷橫向流動，同時自然地扭曲、起伏，彷彿隔著流動的水去看，流動由使用者的捲動驅動。
扭曲要夠輕，確保文字可讀，在較慢的裝置上也要流暢；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就關閉此效果。

一個詞在同一位置模糊並融合成下一個詞。

在[套用位置]加入「文字變形」(Morphing Text) 效果，也叫 text morph。
一個詞在同一位置變模糊，以柔和、黏稠的方式融合成下一個詞，然後停留片刻再進行下一次切換。
詞語之間無縫循環，讓螢幕閱讀器把這些詞當作一般文字讀出；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就停止循環。

文字像霓虹燈管一樣發光，並閃爍或脈動。

在[套用位置]加入「霓虹發光文字」(Neon Glow Text) 效果，也叫霓虹招牌閃爍 (neon sign flicker) 或發光文字 (glowing text)。
文字像霓虹燈管一樣發出柔和、穩定的光，偶爾像真實招牌那樣短暫熄滅一下。
閃爍要偶爾出現而不是快速連閃，因為快速閃光可能傷害部分使用者；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就保持穩定發光。

使用者捲動經過各個章節時，標題的字母依序變換或移動。

在[套用位置]加入「捲動字母」(Scrolling Letters) 效果，也叫 on-scroll letter animations。
使用者捲動經過各章節時，標題的字母從左到右依序滾動到下一個字元，並直接跟隨捲動位置變化。
往上捲回時字母要滾回原樣，螢幕閱讀器要以一般文字取得目前的標題。