Hinge (铰链掉落)

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

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

元素绕一个支点旋转，同时淡出消失。

在[应用位置]添加“旋转退出”(Rotate Out)退场动画。
元素绕自身中心旋转略多于半圈，同时淡出：平滑，逐渐加速。
旋转结束后再移除；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则立即隐藏。

元素向右滚出，同时淡出。

在[应用位置]添加“翻滚退出”(Roll Out)退场动画。
元素像轮子一样边转动边向右滚出，同时淡出：平滑，离开时加速。
等它完全滚走后再从布局中移除；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则立即隐藏。

元素从缩小且倾斜的状态弹出，略微超出后稳定下来，就像玩偶盒里的弹簧小丑。

在[应用位置]添加“玩偶盒弹出”(Jack In The Box)入场动画。
元素以底边为支点，从很小且倾斜的状态弹出，越过竖直位置左右摇摆，然后稳定下来：有弹性、俏皮。
只播放一次；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接在原位显示，不做动画。

元素带着倾斜从侧面疾速冲入，落定时恢复端正。

在[应用位置]添加“光速进入”(Light Speed In)入场动画，也叫 lightspeed in。
元素像高速飞驰一样倾斜着从侧面疾速冲入，倾斜先反向过冲一次，落定时恢复端正：快速而有戏剧性，末尾减速。
元素还在屏幕外时不要产生横向滚动条；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接在原位显示，不做动画。

元素倾斜着向侧面疾速离开，同时淡出。

在[应用位置]添加“光速退出”(Light Speed Out)退场动画，也叫 lightspeed out。
元素倾斜着向侧面疾速离开，同时淡出：要快，离开时逐渐加速。
越过边缘时不要产生横向滚动条；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则立即隐藏。