CSS可以讓標簽旋轉,只需要使用transform屬性和rotate函數就可以了。
.rotate { transform: rotate(45deg); }
在上面的代碼里,rotate函數的參數是旋轉的角度,可以用正數表示順時針旋轉,用負數表示逆時針旋轉。
如果想要以某個位置為中心旋轉,可以使用transform-origin屬性指定。
.rotate { transform: rotate(45deg); transform-origin: center center; }
在上面的代碼里,指定了以元素的中心點為旋轉中心。
如果想要動畫旋轉,可以使用@keyframes規則和animation屬性。
@keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .rotate { animation: rotating 2s linear infinite; }
在上面的代碼里,定義了一個名為rotating的動畫,它從0度旋轉到360度。然后將這個動畫應用到一個帶有.rotate類的元素上,它將以線性方式無限旋轉2秒。
上一篇mysql擦出主鍵
下一篇mysql操作數據表