javascript - 在Loop JS上每.75秒将图像旋转360°

我需要获取一个JS脚本，以使此中心箭头图像（loading.svg）在连续循环中每隔0.75秒旋转360度。这是我正在谈论的按钮。

http://royalidea.com/happyname/pending.html

这将是一堂课，以便这些图标中的几个可以同时旋转-一次有多个加载项...

任何帮助将非常感激！

最佳答案

这是CSS答案：

JSFIDDLE

.loading_arrow {
    width: 32px;
    margin-top: 13px;
    margin-left: 42%;
    -webkit-animation: rotation .75s infinite linear;
    -moz-animation: rotation .75s infinite linear;
    -o-animation: rotation .75s infinite linear;
    animation: rotation .75s infinite linear;
}
body {
    background-color:#000;
}
@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}
@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

关于javascript - 在Loop JS上每.75秒将图像旋转360°，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25628369/