用于在IE11中旋转图像/图标（微调器）的CSS

Question

将图标/图像转换为微调器的Css 将以下属性添加到该图标/图像的类

.spinner{
 -webkit-animation: load3 1.4s infinite linear;
 animation: load3 1.4s infinite linear;
 -ms-transform: translateZ(0);
 transform: translateZ(0);
 }

Answer 1

将此添加到您的CSS中，您将拥有一个旋转图像

@keyframes load3 {
  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);
  }
}