为 React 设计的动画引擎

时间:2024-06-28 10:40:54
【文件属性】:

文件名称:为 React 设计的动画引擎

文件大小:3.91MB

文件格式:ZIP

更新时间:2024-06-28 10:40:54

UI Animation

react-tweenful 正在寻找一个令人惊叹的 React 库来制作动画? 别再看了,我们已经为您提供了保障! 演示 https://teodosii.github.io/react-tweenful/ 功能 循环支持(无限或达到特定数量) 各种缓动(贝塞尔曲线、预定义和自定义缓动) 延迟动画(前后) 事件支持 负延迟支持模仿 CSS 动画 基于百分比的动画来模仿 CSS 动画(例如 0%、50%、100%) Tweenful 组件用于动画 DOM 节点 SVG 组件用于动画 SVG 节点 Observer 组件用于安装/卸载动画 ObserverGroup 组件处理子转换(列表移除/插入、页面转换等)入门 npm install react-tweenful Development 为了构建项目并在本地机器上运行它,您需要构建站点项目和库本身。 站点项目将依赖于 react-tweenful,您将能够在那里使用示例。 npm run build:library:dev npm run start 或者,如果您希望能够同时修改两个项目并让 webpack 监视更改并为您进行构建,


【文件预览】:
react-tweenful-master
----.gitignore(39B)
----.babelrc(286B)
----webpack.dev.js(1KB)
----package.json(3KB)
----package-lock.json(532KB)
----src()
--------ObserverGroup.js(4KB)
--------Observer.js(4KB)
--------SVG.js(4KB)
--------easings()
--------index.js(350B)
--------helpers()
--------engine()
--------parser()
--------Tweenful.js(4KB)
----.travis.yml(115B)
----LICENSE(1KB)
----webpack.prod.js(1KB)
----.eslintrc.js(988B)
----.prettierrc.js(189B)
----README.md(15KB)
----webpack.site.dev.js(2KB)
----site()
--------style()
--------components()
--------html()
--------assets()
--------index.js(664B)
--------highlight()
--------demo()
----.npmignore(180B)
----gif()
--------notifications.gif(434KB)
--------rotating-svg.gif(1.07MB)
--------rotating-circles.gif(411KB)
--------transition.gif(203KB)
--------svg-path.gif(230KB)
--------observer.gif(41KB)
--------bouncing-ball.gif(676KB)
--------gradients.gif(1.26MB)
----webpack.site.prod.js(2KB)

网友评论