CSS可以幫助我們美化網頁的元素,其中一種常見的效果是讓圖片轉動。以下是一個簡單的例子:
.spin { animation: spin 2s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
這是一個CSS類名為`spin`的選擇器,它應用了一組關鍵幀動畫。這個動畫被命名為`spin`,持續時間為2秒,使用`linear`函數使旋轉速度恒定。最后一個參數`infinite`表示動畫將無限循環。
在我們的HTML中,我們可以將這個CSS類名添加到標簽的class屬性中,即可使圖片旋轉:
這是一個簡單的方式來讓你的動態圖像更加吸引人眼球并且增強用戶體驗。
上一篇css美化文本框邊框設置
下一篇css美化怎么用