首页 > 其他 > 详细

transition、transform、animate的区别?

时间:2020-01-01 21:10:27      阅读:117      评论:0      收藏:0      [点我收藏+]

1、transition、transform、animate的区别?

transition:过渡效果,它有4个属性:transition: property duration timing-function delay;

property :css属性的名称

duration :多长时间完成

timing-function:转速曲线

delay:开始的时候。

 

transform: 应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。

旋转:rotate()、缩放:scale()、移动:translate()、倾斜:skew()

 

animate:动画效果。

animation: name duration timing-function delay iteration-count direction fill-mode play-state;

name :定义的名称

duration :多长时间完成

delay :开始前多长的延迟

iteration-count:播放几次

direction :指定是否应该轮流反向播放动画。

fill-mode:结束的状态

play-state:指定动画是否正在运行或已暂停。

transition、transform、animate的区别?

原文:https://www.cnblogs.com/yinhao-jack/p/12129738.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!