ScaleIn
元素进入视口时缩放并淡入,自动尊重系统的减弱动态效果偏好。
第一个卡片
第二个卡片
第三个卡片
Customize
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 需要缩放进入的内容 |
from | number | 0.9 | 起始缩放比例,1 表示与最终尺寸相同 |
delay | number | 0 | 延迟(毫秒) |
duration | number | 600 | 动画时长(毫秒) |
once | boolean | true | 是否只在首次进入视口时触发 |
className | string | — | 自定义类名 |
依赖
IntersectionObserver