Text 3D Flip (文字3D翻转)

字符像机场航班显示牌一样翻动，直到停在目标字母上。

在[应用位置]添加“翻牌文字”(Split-Flap Text)效果，也叫翻牌板(text flipping board 或 flip board)。
每个字符格快速翻过字母表，直到停在目标字母上，各字符格从左到右依次停稳。
每次文字出现或变化时运行一次，只向屏幕阅读器播报最终文字；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就不翻动，直接显示最终文字。

句子中的一个词以滑动、翻转或淡入淡出的方式换成列表中的下一个词。

在[应用位置]添加“词语轮播”(Word Rotate)效果，也叫轮换词(rotating words)或翻转词(flip words)。
行内的一个词向上滑出，列表中的下一个词从下方滑入，每个词停留片刻后再切换。
词宽不同时不要让这一行的其余部分跳动，不要让屏幕阅读器播报每次切换；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则停止轮播。

元素绕水平轴或垂直轴做 3D 旋转，从侧面朝向转为正对观看者。

在[应用位置]添加“翻转进入”(Flip In)入场动画，也叫 flip in X 或 flip in Y。
元素从侧面朝向开始，绕水平轴旋转到正对观看者，略微转过头再回来后稳定：迅速，带一点晃动。
加上透视(perspective)让旋转有纵深感；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接以正面状态显示，不做动画。

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

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

文字随滚动或指针移动自然地扭曲、起伏。

在[应用位置]添加“文字扭曲”(Text Distortion)效果，也叫 organic text distortion。
一行文字不断横向流动，同时自然地扭曲、起伏，仿佛隔着流动的水去看，流动由用户的滚动驱动。
扭曲要足够轻，保证文字可读，在较慢的设备上也要流畅；如果用户开启了“减少动态效果”(prefers-reduced-motion)，就关闭该效果。

页面加载时，文字逐个淡入，常伴随模糊逐渐消散，仿佛正在生成。

在[应用位置]添加“文字生成”(Text Generate)效果。
文字逐个淡入，同时每个词上的柔和模糊逐渐消散，仿佛文本正在生成：节奏平稳、沉静。
页面加载时只播放一次，让屏幕阅读器立即读到完整文本；如果用户开启了“减少动态效果”(prefers-reduced-motion)，则直接显示，不做动画。

一条荧光笔般的色带划过短语，将其突出强调。

在[应用位置]添加“荧光笔高亮”(Text Highlighter)效果，也叫高亮标记(highlight marker)或马克笔下划线(marker underline)。
一条荧光笔般的色带从左到右平滑地划过关键语句的背后，就像有人用笔把它标出来。
在语句滚动进入视口时只播放一次，保证色带上的文字清晰可读，并且在语句换成两行时让色带正确跟随。