SplitReveal
文本按字符或单词错峰浮现,进入视口时触发,自动尊重系统的减弱动态效果偏好。
Hello Elyri
Customize
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | string | — | 需要浮现的文本 |
by | 'char' | 'word' | 'char' | 按字符还是按单词拆分 |
delay | number | 0 | 起始延迟(毫秒) |
stagger | number | 40 | 相邻单元之间的播放间隔(毫秒) |
duration | number | 600 | 单个单元的动画时长(毫秒) |
distance | number | 24 | 位移距离(像素) |
once | boolean | true | 是否只在首次进入视口时触发 |
className | string | — | 自定义类名 |
依赖
IntersectionObserver