3D Tilt (3D倾斜)

指针在卡片上移动时，卡片随之轻微平移和缩放。

在[应用位置]添加“晃动卡片”(Wobble Card)效果。
指针在卡片上移动时，卡片朝指针方向轻微平移，内容则朝反方向轻微平移并略微放大，平滑地跟随；指针移开后一切回到原位。
保持幅度很小；在触屏设备上关闭，如果用户开启了“减少动态效果”(prefers-reduced-motion)，也要关闭。

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

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

悬停时卡片向后透视倾斜，同时一枚图钉和光晕朝观看者升起。

在[应用位置]添加“3D图钉”(3D Pin)悬停效果，也叫 pin hover 3D。
指针停在卡片上时，卡片向后透视倾斜，同时一枚底部带柔和光晕的图钉从中心升起；指针移开后一切复原：平滑，不要弹跳。
保持卡片在布局中所占空间不变，键盘焦点时也显示同样的效果。

文字跟随鼠标位置以 3D 透视方式倾斜转动。

在[应用位置]添加“文字倾斜”(Text Tilt)效果，也叫透视文字倾斜(perspective text tilt)。
文字随着指针移动平滑跟随，以 3D 方式轻轻朝指针倾斜，指针移开后再缓缓恢复平整。
倾斜幅度要含蓄，保证文字可读；在触屏设备上，以及如果用户开启了“减少动态效果”(prefers-reduced-motion)，文字保持平整不动。

卡片绕轴翻转半圈，露出背面。

在[应用位置]添加“卡片翻转”(Card Flip)效果，也叫 flip card 或 card flip 3D。
指针停在卡片上时，卡片绕竖直轴透视翻转、露出背面；指针移开后翻回来：平滑而稳定。
隐藏每个面的背侧，避免正反两面互相透出；键盘焦点和触屏设备上的轻点也要能触发翻转。

卡片略微错开地叠在一起，最上面的卡片移开，露出下一张。

在[应用位置]添加“卡片堆叠”(Card Stack)，也叫 stacked cards。
把卡片略微错开地一张张叠在后面；每次点击，最上面的卡片向一侧甩开并塞到最后，其余卡片依次前移：平滑，轻快利落。
支持键盘操作，让屏幕阅读器能按顺序访问每张卡片；如果用户开启了“减少动态效果”(prefers-reduced-motion)，改用简单的淡入淡出。

中间的项目正对前方，两侧的项目透视斜向后方。

在[应用位置]添加“封面流”(Coverflow)轮播，也叫 cover flow carousel。
中间的项目正对前方，两侧的项目透视地转向后方；横向拖动时整排滑动，松手后平滑地停在最近的项目上。
除拖动外还要支持方向键和滑动手势，并保证触屏设备上页面仍能正常纵向滚动。