css3

循环旋转

.rand{
  width:20px;
  background: red;
  animation: rotate360 8s linear infinite;
}

@keyframes rotate360 {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(1turn);
  }
}


<div class="rand">22</div>
上次更新: