CSS設置圖片轉動 在網頁設計中，如何讓圖片旋轉起來，是一項非?？犰诺男Ч?。這里我們用CSS來實現它！ 首先，在html中添加一個img標簽，用于顯示圖片。例如： 接著，我們使用CSS的transform屬性來讓圖片旋轉。例如，我們想讓這張圖片每2秒鐘旋轉一圈，代碼如下：

p img {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

上面的代碼中，我們定義了一個名為rotate的動畫，它在2秒鐘內完成一次旋轉。我們通過使用@keyframes和關鍵幀來定義動畫，其中from關鍵幀代表動畫開始時狀態，to關鍵幀代表動畫結束時狀態。 最終，我們得到了一張旋轉的圖片！ 總結 CSS的transform屬性可以實現許多酷炫的效果，其中包括圖片旋轉。通過使用@keyframes和關鍵幀來定義動畫，我們能夠輕松地創建動態效果。希望這篇文章能夠幫助你學會如何設置圖片旋轉！