如何让图片一直转-loading图片转起来

<div class="loading">
        <img class="loadingImg" src="./img/about/loading.png" alt="">
</div>

@-webkit-keyframes rotation{
        from {-webkit-transform: rotate(0deg);}
        to {-webkit-transform: rotate(360deg);}
    }
    .loadingImg{
        -webkit-transform: rotate(360deg);
        animation: rotation 1s linear infinite;
        -moz-animation: rotation 1s linear infinite;
        -webkit-animation: rotation 1s linear infinite;
    }

这样就实现图片一直转起来了，控制时间来控制转的速度