animation和transition一起使用的问题

来源：5-3 在Vue中同时使用过渡和动画

即墨火未燃

2018-05-11

想使用animation时长的时候，type是设置为“animation”吗？同时存在的时候，如果时间是不一样的，比如animation是2S，transition是5S，那么两个是同时触发的吗？2S后动画结束，但过渡效果继续持续3秒然后结束吗？

写回答

2回答

ellydebug

2018-06-05

已采纳

type是设置为 animation
是同时触发
样式是同时结束，略有区别。type为animation时，animate在2s完全执行完毕；而transition原本需要5s执行完，所以在第2s结束时只执行了2/5的透明度变化，由于突然结束，透明度直接变为1 or 0

慕莱坞0998854

当设置type为transition的时候，很明显就不是同时结束了吧？

2018-09-03

共4条回复

Dell

2018-05-11

这个你可以做个实验，vue里的具体机制讲完课有点记不住了，见谅，测试下，看看class移除的时刻即可。

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

回答 3

回答 3

回答 2

回答 1

回答 1