React Motion React 弹性动画库开源项目

我要开发同款
匿名用户2018年03月26日
63阅读
开发技术JavaScript
所属分类iOS代码库、动画(Animation)
授权协议MIT

作品详情

ReactMotion是一个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

SimpleTransition

ChatHeads

DraggableBalls

TodoMVCListTransition

PhotoGallery

SpringParametersChooser

WaterRipples

DraggableList

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论