Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何等待css3动画帧几秒钟并重新加载它?_Css_Css Animations - Fatal编程技术网

如何等待css3动画帧几秒钟并重新加载它?

如何等待css3动画帧几秒钟并重新加载它?,css,css-animations,Css,Css Animations,我正在用CSS3制作一个又一个单选按钮的动画。在这里,我想在2秒内一个接一个地加载10个单选按钮,然后停留3秒钟,然后再次加载10个按钮。在这里,我成功地达到了前2秒,但不是第2秒3秒的等待时间。这是这样的吗 我不太明白你的意思,但我明白 但是如果你想的话,看看这个 谢谢你的回答。我只是在寻找这个。如果我想从左到右(不像fadeinout)加载图像,那么我必须做什么?给我一个主意。 @-webkit-keyframes FadeInOut { 0% {opacity:0; -webkit

我正在用CSS3制作一个又一个单选按钮的动画。在这里,我想在2秒内一个接一个地加载10个单选按钮,然后停留3秒钟,然后再次加载10个按钮。在这里,我成功地达到了前2秒,但不是第2秒3秒的等待时间。这是这样的吗

我不太明白你的意思,但我明白

但是如果你想的话,看看这个


谢谢你的回答。我只是在寻找这个。如果我想从左到右(不像fadeinout)加载图像,那么我必须做什么?给我一个主意。
@-webkit-keyframes FadeInOut { 
  0% {opacity:0; -webkit-transform:scale(.1);}
  25% {opacity:1; -webkit-transform:scale(1.05);}
  50% {-webkit-transform:scale(1); opacity:1}
  74% {-webkit-transform:scale(1);opacity:1 }
  75% { -webkit-transform:scale(1); opacity:1}
  100% {opacity:0; -webkit-transform:scale(.1);}
}