1.先瞧瞧效果：
2.代碼是這樣的：
<img src="images/circle.png" alt="" id="circle"/>@mixin ani-btnRotate{ @keyframes btnRotate{ from{transform: rotateZ(0);} to{transform: rotateZ(360deg);} }}@include ani-btnRotate;#circle{ position: absolute; left: 50%; width: REM(338); height: REM(338); margin-top: REM(200); margin-left: REM(-338/2); transform-origin: center center ; animation: btnRotate 1s 1s linear forwards; }用到的圖片是這個：（就是白色轉動的那個圖片）
總結
以上所述是小編給大家介紹的html5實現圖片轉圈的動畫效果——讓頁面動起來，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
