motus:滚动时模仿CSS关键帧的动画库

时间:2024-02-25 13:59:57
【文件属性】:

文件名称:motus:滚动时模仿CSS关键帧的动画库

文件大小:398KB

文件格式:ZIP

更新时间:2024-02-25 13:59:57

javascript css typescript dom parallax

为什么选择Motus? Motus允许开发人员创建精美的动画来模拟css关键帧,并在用户滚动时应用。 产品特点 节点和浏览器支持 简单直观的API 滚动钩 垂直和水平滚动 入门 请查看文档以开始使用。 用法 let newAnimation = new Motus . Animation ( { $el : document . getElementById ( 'element' ) , keyframes : [ { width : 100 } , { width : 300 } ] } ) ; Motus . addAnimation ( newAnima


【文件预览】:
motus-master
----.coveralls.yml(71B)
----.github()
--------FUNDING.yml(485B)
----.eslintrc.js(381B)
----webpack.config.js(759B)
----src()
--------Motus.js(2KB)
--------helpers()
--------enum()
--------Point.js(1KB)
--------animation()
--------index.js(115B)
----babel.config.js(160B)
----.travis.yml(284B)
----LICENSE(1KB)
----test()
--------.eslintrc.js(111B)
--------index.test.js(273B)
--------point.test.js(2KB)
--------helpers()
--------motus.test.js(3KB)
--------animation()
----jest.config.js(138B)
----README.md(5KB)
----dist()
--------motus.web.js(27KB)
--------motus.node.js.map(111KB)
--------motus.web.js.map(112KB)
--------motus.node.js(27KB)
----docs()
--------parallax-demo()
--------index.html(3KB)
--------demos()
--------styles.css(6KB)
--------start-stop-animatios.md(1KB)
--------.nojekyll(0B)
--------demos.css(1KB)
--------api.md(5KB)
--------overview.md(3KB)
--------_sidebar.md(670B)
--------horizontal-mode.md(792B)
--------favicon.ico(1KB)
--------start-end-points.md(5KB)
--------quick-start.md(1KB)
--------working-with-color.md(497B)
--------_coverpage.md(501B)
--------throttle.md(553B)
--------hooks.md(923B)
--------_media()
--------working-with-functions.md(1KB)
--------development.md(3KB)
--------index.js(5KB)
--------defining-keyframes.md(4KB)
--------scroll-element.md(816B)
----.editorconfig(54B)
----.gitignore(953B)
----.eslintignore(18B)
----package-lock.json(483KB)
----package.json(3KB)

网友评论