html5實現圖片轉圈的動畫效果——讓頁面動起來

1.先瞧瞧效果：

2.代碼是這樣的：

 <img src=images/circle.png @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實現圖片轉圈的動畫效果-讓頁面動起來，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對VeVb武林網網站的支持！