没有合适的资源?快使用搜索试试~ 我知道了~
react-animation-comparison:重点关注开发人员体验的React动画库之旅
共24个文件
js:14个
json:2个
html:1个
需积分: 9 0 下载量 73 浏览量
2021-05-02
15:57:15
上传
评论
收藏 878KB ZIP 举报
温馨提示
:NEW_button: 于2019年更新 什么是功能最强大且对开发人员友好的React动画库? 目标:在React中复制此动画 这是应该发生的事情的摘要(比乍看起来要复杂!) 在React中首次渲染时,网格组件应从左侧开始进行动画处理,然后是其子级的交错动画,一列纸牌,每张纸牌均从上方渐入。 可以将新卡单独添加到卡阵列,并应使用“淡入淡出”动画对其进行动画处理。 也可以从纸牌阵列中删除单个纸牌,并且在离开时应使用“淡入淡出”动画对其进行动画处理。 卸载网格组件时,它应先等待其子对象进行动画处理,然后再对其进行动画处理,并以与它到达的位置相反的方向离开DOM。 如果快速切换进入/退出状态,则应适当取消进行中的动画。 如果洗牌,它们仍应按照预期的交错顺序进行动画处理。 为什么很难 父级及其子级的顺序动画“输入”和“退出”动画需要不同组件之间的协调。 正如某些库所期望的那样,进入和退出动画不是彼此的
资源推荐
资源详情
资源评论
收起资源包目录
react-animation-comparison-master.zip (24个子文件)
react-animation-comparison-master
.storybook
config.js 513B
addons.js 86B
.gitignore 303B
README.md 7KB
public
manifest.json 317B
index.html 2KB
favicon.ico 4KB
.prettierrc 60B
package.json 1KB
src
react-motion-example.js 1KB
stories
index.js 1KB
react-transition-group-gsap-example.js 3KB
react-spring-example.js 2KB
react-move-example.js 4KB
velocity-react-example.js 3KB
framer-motion-example.js 2KB
common
index.css 1KB
shuffle.js 501B
animationTimings.js 110B
container.js 2KB
react-transition-group-anime-example.js 3KB
assets
comparison.gif 707KB
yarn.lock 597KB
.eslintrc.js 254B
共 24 条
- 1
资源评论
biuh
- 粉丝: 23
- 资源: 4737
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功