CSS中的rotate用于將元素旋轉一定的角度。可以通過一個transform屬性來實現元素的旋轉。
transform: rotate(30deg);
上述代碼表示將元素旋轉30度。
rotate屬性還可以使用負值,表示向相反的方向旋轉,如下所示。
transform: rotate(-30deg);
這將使元素按照逆時針方向旋轉30度。
當然,也可以設置旋轉中心點。如果不設置,旋轉中心點默認為元素的中心點,如下所示:
transform-origin: center;
上述代碼表示將旋轉中心點設置為元素的中心點。
設置旋轉中心點的方式有多種,可以設置到一個具體的像素點上,或者使用百分比來設置。
transform-origin: 50px 50px; //以(50px, 50px)為中心點旋轉 transform-origin: 50% 50%; //以元素中心點為中心旋轉
總結一下,CSS中的rotate屬性可以使元素旋轉一定角度,并且可以設置旋轉中心點。
上一篇python畫雪花曲線
下一篇ohs oracle