animation和transition

首页课程实战体系课手记专栏慕课教程

来源：3-1 @keyframes

786542946

2017-03-02 19:53:54

感觉animation和transition实现的效果差不多啊，而且animation的功能貌似比transition功能更强大，为什么还要有transition呢，这两种样式有什么自己独特的意义吗

写回答

1回答

Hbrsql

2017-03-02

查找的资料,供参考:

Transition指定了某一个属性（如width、left、transform等）在两个值之间如何过渡.当某个属性改变的时候就会按照指定的方式进行过渡，产生动画.
Animation也是通过指定某一个属性在两个值之间如何过渡来实现动画的，与Transition不同的是，Animation可以通过keyframe显式控制当前帧的属性值，而Transition只能隐式来进行（不能指定每帧的属性值），所以相对而言Animation的功能更加灵活.

2. Transition确实改变了元素的属性值，动画结束之后元素的属性发生了变化.
Animation通过模拟属性值改变来实现动画，动画结束之后元素的属性没有变化.

0 学习 · 5760 问题

查看课程

相似问题

老师关于transition和animation

回答 1

回答 3

animation-fill-mode 的both怎么理解

回答 1

回答 3

animation-name没听懂

回答 1

打开慕课网App查看更多内容