细节与特效耐看的小细节
让细节显得精致的具体手法，通常只在关键的一两处使用。
11 条动效
- 裁剪路径Clip-path 用一个形状决定元素哪些部分可见，没显示的部分像被刀切掉一样，常用来做擦除和揭示
- 前后对比滑块Before / after slider 一条竖线把改造前和改造后的两张图分开，拖动竖线就能看到变化过程
- 线条自绘Line drawing 线条像被一支笔慢慢画出来，从起点延伸到终点，而不是整体淡入
- 文字形变Text morph 一个词被另一个词替换时，旧文字向上淡出、新文字从下方补上，像一个词换了个身
- 骨架屏微光Skeleton / Shimmer 加载时先用灰色色块占好位置，一道微光缓慢扫过，让等待有形状、也不显得卡住
- 数字滚动Number ticker 数字不是直接跳到新值，而是从旧值快速滚动到新值，让变化的大小看得见
- 打字机Typewriter 文字一个字符一个字符地出现，像有人在实时输入，光标在后面闪
- 文字乱码解码Text scramble 一串乱码飞快跳动，然后像解密一样从左往右逐渐锁成真正的文字；没锁定的位置还在抖
- 双色刷色Dual-copy colour wipe 一行字的颜色被「刷」过去：新颜色像被从一边推进来填满整行，字本身一步没动，也不是整体淡入淡出 —— 像有人拿刷子给它上色
- 可变字重跟随Variable font proximity 指针扫过一行字，靠近它的那几个字自己变粗、变宽，像被指针顶起来；移开它们又慢慢瘦回去
- 圆形噪点透镜Noise lens reveal 指针在画面上移动，一个边界柔软、带颗粒的圆跟着走；圆里面是另一层画面，圆外才是原来的内容