CSS3常用的循環動畫


定義動畫

@keyframes rotatefresh {
            from { transform: rotate(0deg) }
            to {
                transform: rotate(360deg);
                transition: all 0.6s;
            }
        }

調用動畫

    animation: rotatefresh 2s infinite linear;
    display: inline-block;
 display: inline-block;不是一定要加,只是為了避免一些奇葩場景要旋轉的元素並不是塊級元素導致動畫不動


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM