FadeIn
元素进入视口时淡入位移,自动尊重系统的减弱动态效果偏好。
第一个卡片
第二个卡片
第三个卡片
Customize
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 需要淡入的内容 |
direction | 'up' | 'down' | 'left' | 'right' | 'none' | 'up' | 进入方向 |
delay | number | 0 | 延迟(毫秒) |
duration | number | 600 | 动画时长(毫秒) |
distance | number | 24 | 位移距离(像素) |
once | boolean | true | 是否只在首次进入视口时触发 |
className | string | — | 自定义类名 |
依赖
IntersectionObserver