CSS 字體旋轉角度是一種很有用的技巧,它可以讓頁面中的文字在任意方向上旋轉,使頁面更加美觀和有趣。
transform: rotate(30deg); // 順時針旋轉 30 度 transform: rotate(-30deg); // 逆時針旋轉 30 度
上述代碼中的rotate()
函數用來旋轉文字,值為正數代表順時針旋轉,負數代表逆時針旋轉,數值代表旋轉角度。
p { transform: rotate(45deg); font-size: 20px; }
上述代碼將段落文字旋轉了 45 度,并設置了 20px 的字體大小。
h1 { writing-mode: vertical-rl; font-size: 30px; }
此代碼將標題文本設置為垂直寫入模式,并旋轉 90 度使其垂直顯示,同時設置了 30px 的字體大小。
總的來說,CSS 字體旋轉角度是一種非常實用的技巧,能夠為網頁設計師們增加更多的樣式選擇,使頁面更加引人注目。