往下滚
十种进场,各走各的:有的只是淡,有的先虚后实,有的从一张灰片里显影, 还有的从噪点里一块块长出来。
默认的一种。透明度 0 到 1,没有别的花样。
effect="fade"
淡
和 fade 同时跑,只是起手带一层模糊,落定时散开。
blur={12}
晕
模糊之外还带一点缩放:从 0.97 推回 1,像镜头对上焦。
effect="focus"
准
从灰度、低对比显影到彩色,像相纸在药水里慢慢浮出画面。
effect="develop"
影
造一张 SVG 噪点遮罩,含 alpha 用一条 S 曲线推过去,边缘被啃得毛毛的。
effect="dissolve"
化
同一个遮罩,频率压到最低、叠三层噪声、再加 10px 模糊。
effect="mist"
雾
噪点先被铺成方块再放大,于是遮罩是一格一格的,元素像被逐块点亮。
effect="pixel"
格
把一个容器的子元素排开,每张错 0.12 秒。父元素本身不参与动画。
stagger={0.12}
不播时间线,直接把进度绑在滚动位置上:往回滚,它就退回去。
scrub={0.6}
这段话的浓淡跟着你的滚动条走。
进来看得见,滚过头它自己退场 —— 时间线反向播回去。
exit
散