可以。前提你得设置2次以上,比如
第一种:animation:4s 10 5s
4s本次运动时间,10是动画10次 5s是等5秒开始动画
第二种:animation-delay:5s 延迟后运行
第三种:需要animation-name: xxoo(xxoo是说本次你做的动画叫什么,纯属自己定义!不要以为这是h5标签XXOO)
@keyfrarmes xxoo{
0%{}
10%{}
30%{ 你做的动画已经完成 }
100%{剩下的跟100%一模一样,就相当于等了几秒}
}
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:默认值,执行动画
创建动画序列,需要使用animation属性或其子属性,该属性允许配置动画时间、时长以及其他动画细节,但该属性不能配置动画的实际表现,动画的实际表现是由 @keyframes规则实现,具体情况参见使用keyframes定义动画序列小节部分。transition也可实现动画。transition强调过渡,是元素的一个或多个属性发生变化时产生的过渡效果,同一个元素通过两个不同的途径获取样式,而第二个途径当某种改变发生(如hover)时才能获取样式,这样就会产生过渡动画。