css一直旋转

内容详情
评论详情

2020-03-06 19:29 作者:达人设计浏览(33120) 评论(0) 喜欢(0)

@keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@-ms-keyframes rotation{
  0%{
  transform: rotate(0);
  }
  50%{
  transform:rotate(180deg);
  }
  100%{
  transform: rotate(360deg);
  }
}
@-webkit-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
@-o-keyframes rotation{
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}
.Rotation{
  -webkit-transform: rotate(360deg);
  animation: rotation 3s linear infinite;
  -ms-animation: rotation 3s linear infinite;
  -moz-animation: rotation 3s linear infinite;
  -webkit-animation: rotation 3s linear infinite;
  -o-animation: rotation 3s linear infinite;
}