CSS无尽旋转动画

CSS无尽旋转动画,第1张

CSS无尽旋转动画
@-webkit-keyframes rotating  {  from {    -webkit-transform: rotate(0deg);    -o-transform: rotate(0deg);    transform: rotate(0deg);  }  to {    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    transform: rotate(360deg);  }}@keyframes rotating {  from {    -ms-transform: rotate(0deg);    -moz-transform: rotate(0deg);    -webkit-transform: rotate(0deg);    -o-transform: rotate(0deg);    transform: rotate(0deg);  }  to {    -ms-transform: rotate(360deg);    -moz-transform: rotate(360deg);    -webkit-transform: rotate(360deg);    -o-transform: rotate(360deg);    transform: rotate(360deg);  }}.rotating {  -webkit-animation: rotating 2s linear infinite;  -moz-animation: rotating 2s linear infinite;  -ms-animation: rotating 2s linear infinite;  -o-animation: rotating 2s linear infinite;  animation: rotating 2s linear infinite;}<div     >Rotate</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5440609.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-11
下一篇 2022-12-11

发表评论

登录后才能评论

评论列表(0条)

保存