我只想跳到动画的另一个阶段.. 例如:在100%的动画后跳到25%,而不是0%。
@keyframes animation {
0% { /*animation 1*/ }
25% { /*animation 2*/ }
50% { /*animation 3*/ }
75% { /*animation 4*/ }
100% { /*animation 5 // and jump to 25% instead 0%*/ }
}
编辑1:这里有一个非常简单的例子.. 第一阶段是白色的,但之后我想让它在红色和绿色之间交替。
编辑2:大家好,我使用了两种不同的动画来解决它,如下所示,感谢答案! :D
.test {
display:block;
width:50px;
height:50px;
animation: animatedBg 4s, animatedBg2 2s infinite 2s alternate;
}
@keyframes animatedBg {
0% {
background: white;
}
100% {
background: red;
}
}
@keyframes animatedBg2 {
0% {
background: red;
}
100% {
background: green;
}
}
<div class="test"></div>