CSS是一種強大的樣式語言,可以使網頁更加生動有趣。其中一個有趣的效果就是將圖片旋轉,下面我們來看如何使用CSS來實現。
.rotate-img{ transform: rotate(45deg); /*將圖片旋轉45度*/ }
首先我們需要給圖片添加一個class,這里我們設為“rotate-img”。然后使用CSS中的“transform”屬性來實現旋轉,值為“rotate(45deg)”表示將圖片旋轉45度。也可以使用其他角度,如90度、180度等。
接下來是HTML代碼,我們把之前定義的class添加到標簽中:
<img src="img.jpg" alt="圖片" class="rotate-img">
最后,就完成了將圖片旋轉的效果。