Spin (无限旋转)

悬停按钮时，按钮内的图标转动一圈。

在[应用位置]添加“图标旋转”(Icon Spin)悬停效果。
指针进入时，元素内的图标顺滑地转一整圈；指针离开时再转回去。
只旋转图标，不旋转整个按钮；键盘聚焦时也显示同样的效果。

圆环或圆弧持续旋转，表示正在加载。

在[应用位置]添加“环形加载”(Circular Spinner)，也叫 spinner 或 throbber。
一段圆弧沿着浅色圆环匀速旋转，同时不断伸长又缩短，流畅而连续。
旋转要无缝衔接，并为屏幕阅读器提供加载标签；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则放慢或停止旋转。

悬停时元素旋转几度。

在[应用位置]添加“旋转”(Rotate)悬停效果。
指针悬停时，元素顺时针轻微转动，指针离开后转回：顺滑而含蓄。
避免周围布局移位；键盘聚焦时也显示同样的效果。

文字沿圆周排列，并持续旋转。

在[应用位置]添加“环形旋转文字”(Spinning Text)，也叫环形文字(circular text)或 text on circle。
字母沿圆周均匀排列，整个圆缓慢、匀速地旋转，循环重新开始时不能有跳动。
只向屏幕阅读器提供一次普通文字；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就停止旋转。

元素以顶边为支点，像钟摆一样来回摆动，幅度逐渐减小。

在[应用位置]添加“摇摆”(Swing)提示效果。
元素要像悬挂的招牌一样来回摆动，一开始摆幅很大，然后很快平息。
以顶边而不是中心为支点摆动，触发时只播放一次。

元素放大后带着旋转左右晃动，再恢复原来大小，像在庆祝一样。

在[应用位置]添加“庆祝抖动”(Tada)提示效果。
元素要先微微缩小，再放大并快速倾斜着左右晃动，然后恢复正常大小，像一次小小的庆祝。
只播放一次（比如在操作成功后立即播放）；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就跳过这个动画。

元素向各个方向快速地细微颤动，就像手机在震动。

在[应用位置]添加“震动”(Vibrate)提示效果，也叫 buzz 或 vibration。
元素要像手机震动一样，向不同方向快速地细微颤动片刻，然后停下来。
动作幅度要非常小，确保内容仍然清晰可读；每次提醒只播放一次，不要循环。