CSS是前端開發中常用的樣式表語言,它不僅可以設置網頁的字體、顏色、布局等方面,還可以用來實現一些有趣的效果,比如讓圖片不停地旋轉。
img { animation: spin 2s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
在上面的代碼中,我們定義了一個名為spin的動畫,讓圖片在2秒內沿著一個線性的軌跡不停地旋轉。使用infinite屬性可以讓動畫一直執行下去。
在這里,我們使用了CSS3中的transform屬性來實現圖片的旋轉。通過旋轉角度的變化,我們可以使得圖片一次又一次地繞著自己的中心點旋轉。
總的來說,這種效果可以為網頁增添一些趣味和活力,使得用戶在使用網頁時更加愉悅和舒適。