React MotionReact 弹性动画库
React Motion 是一个 React 弹性动画库,使用 0-10 的弹性参数进行动画处理:
import {Motion, spring} from 'react-motion'; // In your render... <Motion defaultStyle={{x: 0}} style={{x: spring(10)}}> {value => <div>{value.x}</div>} </Motion>
这个库解决了什么问题?
对于 95% 的动画组件使用案例,我们没有必要用硬编码(把配置写死)式的缓冲曲线和时间过渡来重排序。只需要给你的 UI 设置一个刚度系数和阻尼系数,接下来让神奇的物理原理处理即可。用这种方式,根本无需担心如中断动画等小问题。它也极大的简化了 API 。
该库还为 React 的 TransitionGroup(React 自带的 CSS 动画组件)提供了一个更强大的替代 API :
spring
Motion
StaggeredMotion
TransitionMotion
presets
Demos
评论
HTYTextField弹性动画 TextField
HTYTextField 是一个 Placeholder 是弹性动画的 TextField。
HTYTextField弹性动画 TextField
0
Velocity.js 动画效果库JavaScript动画库
Velocity.js可用于加速JavaScript的动画效果。类似jQuery的$.animate()方法,但无需依赖jQuery。速度非常快,而且提供一些很酷的动画效果,支持SVG和滚动。示例代码
Velocity.js 动画效果库JavaScript动画库
0
Velocity.js 动画效果库JavaScript动画库
Velocity.js 可用于加速 JavaScript 的动画效果。类似 jQuery 的 $.a
Velocity.js 动画效果库JavaScript动画库
0