我只是將動畫設置爲div併成功。 現在我想證明它是因爲它的延遲太短! 所以我怎麼可以添加動畫(0%至25%)和動畫(25%〜50%) 這裏之間的延遲時間是代碼:在css3動畫中添加延遲時間
#flow{
position:absolute;
-webkit-animation:mymove 10s ease-in-out;
-webkit-animation-iteration-count:3;
-webkit-animation-delay:1s;
}
@-webkit-keyframes mymove
{
0%{left:5px;}
25%{left:127px;}
50%{left:249px;}
75%{left:371px;}
100%{left:5px;}
}
每個人都感謝您的關注!我找到了答案,但是我不知道Api關於關鍵幀的百分比定義!如果你知道這件事,只要給我一隻手,非常感謝!
@-webkit-keyframes mymove
{
0%{left:5px;}
25%{left:127px;}
26%{left:127px;}
27%{left:127px;}
28%{left:127px;}
29%{left:127px;}
30%{left:127px;}
31%{left:127px;}
32%{left:127px;}
33%{left:127px;}
34%{left:127px;}
35%{left:127px;}
50%{left:249px;}
75%{left:371px;}
100%{left:5px;}
}
我做了類似的事情,但它太複雜了http://jsfiddle.net/HhREH/1/這就像發射7種不同的彈弓以這種方式,1分鐘後,他們所有的人相互碰撞。 –