Wobble Card (晃动卡片)

卡片朝指针方向透视旋转，分层内容从表面浮起。

在[应用位置]添加“3D倾斜”(3D Tilt)效果，也叫 perspective tilt 或 tilt card。
指针移动时，卡片朝指针方向透视倾斜，内部各层以不同深度从表面浮起；指针移开后平滑地恢复平放：平滑而含蓄。
倾斜幅度要小，保证文字易读；在触屏设备上，以及用户开启了“减少动态效果”(prefers-reduced-motion)时，让卡片保持平放。

指针靠近时元素被吸向指针，离开后又弹回原位。

在[应用位置]添加“磁吸按钮”(Magnetic Button)效果，也叫磁吸目标(magnetic target)或磁吸悬停(magnetic hover)。
指针靠近时，按钮被轻轻吸向指针，按钮文字移动得再多一点；指针离开后，按钮带着一点小弹跳回到原位。
不要让周围布局跟着移动；在触屏设备上，或者如果用户开启了“减少动态效果”(prefers-reduced-motion)，就关闭吸附。

一道明亮的高光像反光一样随指针在卡片表面移动。

在[应用位置]添加“眩光全息卡片”(Glare / Holographic Card)效果，也叫 glare card 或 glare hover。
一道柔和明亮的高光随指针在卡片表面移动，像光线在上面反射，同时卡片朝指针方向微微倾斜；指针移开后两者都淡出：平滑而含蓄。
让点击能穿透高光层，保证其下的内容清晰可读；在触屏设备上显示不带高光的卡片。

彩色背景从一侧扫入，带有弹性的轻微过冲。

在[应用位置]添加“背景弹性扫入”(Background Bounce Sweep)悬停效果。
新的背景色从一侧扫入，带着弹性稍微越过另一侧边缘后再回落稳定，同时文字颜色随之切换以保持可读；指针移开时平滑地滑出。
让文字始终位于填充层之上，键盘焦点时也显示同样的效果。

悬停时，背景色和文字颜色交叉淡变为新的颜色。

在[应用位置]添加“背景色淡变”(Background Fade)悬停效果，也叫颜色淡变(color fade)。
指针停在元素上时，背景色和文字颜色平滑地交叉淡变为新颜色，移开后再淡变回来：沉稳，不带任何位移。
两种状态下都要保证文字和背景有足够的对比度，键盘焦点时也显示同样的效果。

悬停时，彩色背景从一侧边缘扫过整个元素。

在[应用位置]添加“背景扫入”(Background Sweep)悬停效果，也叫背景填充(background fill)或滑动填充(slide fill)。
新的背景色从左侧边缘扫到右侧，平滑、快速、没有回弹，指针移开时以同样方式退回，同时文字颜色随之切换以保持可读。
让填充始终裁切在元素的形状之内，键盘焦点时也显示同样的效果。