Question

css3中的动画模块持续时长后面写两个时间是什么意思，代码如下

animation:name 2s 0.5s ease-in-out infinite ;

Answer 1

animation-name 规定需要绑定到选择器的 keyframe 名称。。

animation-duration 规定完成动画所花费的时间，以秒或毫秒计。
animation-timing-function 规定动画的速度曲线。
animation-delay 规定在动画开始之前的延迟。
animation-iteration-count 规定动画应该播放的次数。
animation-direction 规定是否应该轮流反向播放动画。
1,animation-name:规定需要绑定到选择器的 keyfram 名称
2,animation-duration:规定完成动画所花费的时间,以秒或毫秒计,默认值0
3,animation-timing-funtion:速度变化曲线: 默认值ease
linear:匀速 ease-in:先慢变快 ease-out: 先快后慢 ease-in-out : 慢-快-慢
4,animation-delay:规定动画开始的延迟,默认值是0
5,animation-iteration-count:动画重复次数 infinite是正无穷
6,animation-direction: 设置动画方向: 默认值是 nomal
reverse:反方向 alternate:奇数次-正方向;偶数次-反方向 alternate-reverse:奇数次-反方向,偶数次-正方向
7,animation-fill-mode: backwards: 动画完成时,保持动画开始时的状态 forwards: 动画完成时,保持动画结束时的状态
8,animation-play-state:
running:默认值,执行动画

追问

那个我想知道的是 那个2s 和 0.5 s 是啥意思😄😄

Answer 2

第一个是持续时间animation-duration，第二个是延迟的时间animation-delay