v0.0.1

FadeIn

元素进入视口时淡入位移,自动尊重系统的减弱动态效果偏好。

第一个卡片
第二个卡片
第三个卡片

Customize

Props

属性类型默认值说明
childrenReactNode—需要淡入的内容
direction'up' | 'down' | 'left' | 'right' | 'none''up'进入方向
delaynumber0延迟(毫秒)
durationnumber600动画时长(毫秒)
distancenumber24位移距离(像素)
oncebooleantrue是否只在首次进入视口时触发
classNamestring—自定义类名

依赖

IntersectionObserver