CSS 在 IE11 中旋转图像/图标(微调器)

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);
  }
}