如何旋转图像？

Question

我想知道如何围绕中心旋转图像。

我希望当我点击图片时，只要ajax调用不成功，图片就会开始旋转。

请帮我看看。

Answer 1

在你的CSS上尝试这些代码，（这只适用于鼠标悬停。）

 -webkit-transform: scale(1.1) rotate(5deg*);
  -moz-transform: scale(1.1) rotate(5deg);
  transform: scale(1.1) rotate(5deg);

• 你可以在这里编辑以旋转你的愿望。

实施例， CSS

.alt-col:hover {
  -webkit-transform: scale(1.1) rotate(5deg);
  -moz-transform: scale(1.1) rotate(5deg);
  transform: scale(1.1) rotate(5deg);
}

HTML

 <img src="" alt="" class="alt-col">

Answer 2

您可以使用与ajax请求成功对应的css类切换图像：

• 当ajax请求未结束/未通过时 - ＆gt;使用gif或CSS动画来旋转它
• 请求完成后，在元素上添加“成功”类以停止动画，或更改图像。