Rotate (旋轉)

懸停時，元素向一側斜切變形。

在[套用位置]加入「斜切」(Skew) 懸停效果。
游標停在元素上時，元素向一側斜切成輕微傾斜的樣子，移開後恢復端正：快速而流暢。
傾斜時文字仍要清楚易讀，不要讓周圍的版面產生位移，鍵盤焦點時也呈現同樣的效果。

游標懸停在按鈕上時，按鈕內的圖示轉動一圈。

在[套用位置]加入「圖示旋轉」(Icon Spin) 懸停效果。
游標移入時，元素內的圖示流暢地轉一整圈；游標移開時再轉回去。
只旋轉圖示，不旋轉整個按鈕；鍵盤聚焦時也顯示同樣的效果。

元素像不穩的物體一樣，帶著傾斜左右搖晃。

在[套用位置]加入「搖晃」(Wobble) 提示效果。
元素要帶著傾斜左右搖晃，一開始幅度很大，每擺一次就變小，直到停穩。
觸發時只播放一次，並避免相鄰內容位移。

元素以頂邊為支點，像鐘擺一樣來回擺盪，幅度逐漸減小。

在[套用位置]加入「擺盪」(Swing) 提示效果。
元素要像懸掛的招牌一樣來回擺盪，一開始擺幅很大，接著很快平息。
以頂邊而不是中心為支點擺盪，觸發時只播放一次。

懸停時，元素的直角平順地變成圓角。

在[套用位置]加入「圓角化」(Round Corners) 懸停效果。
游標停在元素上時，元素的直角平順地變圓，移開後再恢復成直角：柔和而快速。
保持元素尺寸不變，鍵盤焦點時也呈現同樣的效果。

懸停時，一道斜向光帶從元素的一側掃到另一側。

在[套用位置]加入「光澤掃過」(Shine Sweep) 懸停效果，也叫光澤 (sheen)、閃亮按鈕 (shiny button)、懸停掃光 (shine on hover)、閃光 (glint)、微光 (shimmer) 或微光按鈕 (shimmer button)。
游標停在元素上時，一道柔和的斜向光帶從左往右掃過元素，並在短暫停頓後重複。
光帶要裁切在元素內部，游標移開後停止；如果使用者開啟了「減少動態效果」(prefers-reduced-motion)，就不要播放。

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

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