用 loading 切圖實現 loading 動畫

原文鏈接：https://blog.csdn.net/weixin_41076513/article/details/80199253

直接上代碼

<img
    src="../assets/images/loading.png"
    alt="">

img {
    animation: loadingRotate 1s infinite linear;
}

@keyframes loadingRotate {
    from {
        transform: translate(-50%, -50%) rotate(0);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}