溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

怎么用css的rotation屬性

發(fā)布時間:2020-07-11 11:33:10 來源:億速云 閱讀:303 作者:Leah 欄目:web開發(fā)

本篇文章給大家分享的是有關(guān)怎么用css的rotation屬性,小編覺得挺實用的,因此分享給大家學習,希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

 rotation屬性是css3的一個新增屬性,用于圍繞由rotation-point屬性定義的指定點,對塊級元素進行逆時針旋轉(zhuǎn)。邊框、內(nèi)邊距、內(nèi)容以及背景(非固定)也會被旋轉(zhuǎn)!但目前主流瀏覽器都還不支持該屬性。

css rotation屬性怎么用?

rotation屬性圍繞由rotation-point屬性定義的指定點,對塊級元素進行逆時針旋轉(zhuǎn)。

語法:

rotation: angle;

屬性值:

● angle:元素旋轉(zhuǎn)角度??赡艿闹担?deg 到 360deg。

注釋:邊框、內(nèi)邊距、內(nèi)容以及背景(非固定)也會被旋轉(zhuǎn)!目前主流瀏覽器都還不支持 rotation 屬性。

css rotation屬性 示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style> 
h2
{
rotation-point:50% 50%;
rotation:180deg;
}
</style>
</head>
<body>
<h2>旋轉(zhuǎn)效果</h2>
<p><b>注釋:</b>目前沒有瀏覽器支持 rotation-point 或 rotation 屬性。</p>
</body>
</html>

以上就是怎么用css的rotation屬性,小編相信有部分知識點可能是我們?nèi)粘9ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI