本文小編為大家詳細介紹“css3中2d旋轉函數(shù)是哪個”，內容詳細，步驟清晰，細節(jié)處理妥當，希望這篇“css3中2d旋轉函數(shù)是哪個”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設、高性價比金牛網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式金牛網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設找我們，業(yè)務覆蓋金牛地區(qū)。費用合理售后完善，10年實體公司更值得信賴。

在css3中2d旋轉函數(shù)是“rotate()”函數(shù)；該函數(shù)可以在參數(shù)中規(guī)定元素的2d旋轉角度，單位是“deg”，設置為正值時元素順時針旋轉，設置為負值時元素逆時針旋轉，語法為“元素{transform:rotate(旋轉角度);}”。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3中2d旋轉函數(shù)是什么

2d旋轉函數(shù)是rotate()函數(shù)

語法為：

transform：rotate（）

rotate函數(shù)可以設置旋轉的角度，在括號里帶有的參數(shù)，就是它的角度，單位是deg（degree），設置角度的值，可以是正值，也可以是負值。如果是正值，那么就是順時針地旋轉，如果是負值，就是逆時針旋轉。

例如：

做兩個盒子，第一個盒子是正常顯示的，第二個盒子是旋轉一定角度的。第一個盒子用div標簽完成，第二個盒子是引用了一個ID類型的樣式，這個樣式的名字就是rotateDiv?？匆幌聵邮降亩x，兩個盒子共同的樣式：在div標簽作為樣式的名字，里面來定義它的高度，寬度，背景顏色和邊框。第一個盒子就按上面的樣式正常顯示出來，第二個盒子顯示的方式在rotateDiv里面，采用transform這個屬性設置為rotate函數(shù)，順時針旋轉30度。

代碼及效果如下圖所示：

效果圖：

讀到這里，這篇“css3中2d旋轉函數(shù)是哪個”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。