scroll-hooks:使用React Hooks实现滚动动画

时间:2024-05-18 17:54:40
【文件属性】:

文件名称:scroll-hooks:使用React Hooks实现滚动动画

文件大小:2.19MB

文件格式:ZIP

更新时间:2024-05-18 17:54:40

JavaScript

欢迎使用滚动挂钩 :waving_hand: 使用React Hooks实现滚动动画 :sparkles: 滚动钩 使用React Hooks进行滚动时可使用的淡入,计数,剪切路径动画 useScrollFadeIn 滚动时从特定方向淡入时出现的动画 用法 const element = useScrollFadeIn ( [ direction ] , [ duration ] , [ delay ] ) ; direction(string):元素出现的方向(上,下,左,右) default value = 'up' duration(number):动画的总持续时间。 秒单位default value = 1 delay(number):动画延迟时间。 秒单位default value = 0 例子 const animatedItem = useScrollFadeIn ( 'up' , 1 , 0 ) ;


【文件预览】:
scroll-hooks-master
----public()
--------manifest.json(492B)
--------index.html(787B)
--------robots.txt(57B)
--------favicon.ico(4KB)
--------logo512.png(9KB)
--------logo192.png(5KB)
----yarn.lock(516KB)
----src()
--------pages()
--------styles()
--------components()
--------assets()
--------App.js(306B)
--------hooks()
--------serviceWorker.js(5KB)
--------index.js(225B)
----.prettierrc(125B)
----README.md(3KB)
----.gitignore(310B)
----package.json(815B)

网友评论