参见英文答案 >
CSS animation delay in repeating 7个
我正在旋转圆形< div>使用css动画360度无限远.
每次旋转后,我想在下一次旋转前停止或延迟5秒.
我怎样才能实现它?
代码如下.
CSS
.circle{
position: absolute;
top: 4;
right: 4;
height: 21px;
width: 21px;
border-radius: 50%;
background: #00B5F9;
color: white;
font-family: varela round;
font-size: 11;
font-weight: 500;
border: 1px solid white;
-webkit-animation-name: lol;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 1s
}
@-webkit-keyframes lol {
0% { -webkit-transform:rotate(0deg) }
100% { -webkit-transform:rotate(360deg) }
}
HTML
56