站長(zhǎng)資訊網(wǎng)
css中實(shí)現(xiàn)2d旋轉(zhuǎn)的函數(shù)是“rotate()”函數(shù)。rotate()函數(shù)可與transform屬性配合使用，語(yǔ)法為“元素{transform:rotate(角度值);}”；參數(shù)角度為正數(shù)時(shí)元素順時(shí)針旋轉(zhuǎn)，參數(shù)角度為負(fù)數(shù)時(shí)元素逆時(shí)針旋轉(zhuǎn)。
本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css3中實(shí)現(xiàn)2d旋轉(zhuǎn)的函數(shù)是什么
在css中，實(shí)現(xiàn)2d旋轉(zhuǎn)的函數(shù)是rotate()函數(shù)。
rotate()函數(shù)配合transform屬性使用時(shí)，能夠?qū)υ剡M(jìn)行2d旋轉(zhuǎn)操作。
transform 屬性向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換。該屬性允許我們對(duì)元素進(jìn)行旋轉(zhuǎn)、縮放、移動(dòng)或傾斜。
示例如下：
<!DOCTYPE html> <html> <head> <style> div{ margin:30px; width:200px; height:100px; background-color:yellow; transform:rotate(9deg); } </style> </head> <body> <div>Hello World</div> </body> </html>
輸出結(jié)果：
（學(xué)習(xí)視頻分享：css視頻教程）
