javascript - 如何旋转图像？

<img src="http://i.imgur.com/uUYXqAv.png">

img {
  width: 100%;
}

我想使地球旋转。

https://jsfiddle.net/La3qbr0v/

最佳答案

嗨，您可以使用关键帧：

img {
    position: absolute;
    width: 100%;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

看这里：

https://jsfiddle.net/loanburger/47z5bro3/

关于javascript - 如何旋转图像？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46085311/