animation和transition

animation和transition

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

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
Hbrsql 2017-03-02 22:59:44

查找的资料,供参考:

  1. Transition指定了某一个属性(如width、left、transform等)在两个值之间如何过渡.当某个属性改变的时候就会按照指定的方式进行过渡,产生动画.  

    Animation也是通过指定某一个属性在两个值之间如何过渡来实现动画的,与Transition不同的是,Animation可以通过keyframe显式控制当前帧的属性值,而Transition只能隐式来进行(不能指定每帧的属性值),所以相对而言Animation的功能更加灵活.


2.    Transition确实改变了元素的属性值,动画结束之后元素的属性发生了变化.

      Animation通过模拟属性值改变来实现动画,动画结束之后元素的属性没有变化.

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师