我想在蓝色和黑色之间添加一些白色的分隔符,请参见下面的GIF动画。请在jsbin中编辑我的CSS,以模仿图像中的相同动画效果。我只需要CSS版本的此动画,不需要SVG或JS。
.spinner {
height:60px;
width:60px;
animation: rotation 10s infinite linear;
border-left:7px solid rgba(0,0,0,1);
border-right:7px solid rgba(0,0,0,1);
border-bottom:7px solid rgba(0,174,239,1);
border-top:7px solid rgba(0,174,239,1);
border-radius: 100%;
}
@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}