css中實現(xiàn)2d旋轉的函數(shù)是“rotate()”函數(shù)。rotate()函數(shù)可與transform屬性配合使用,語法為“元素{transform:rotate(角度值);}”;參數(shù)角度為正數(shù)時元素順時針旋轉,參數(shù)角度為負數(shù)時元素逆時針旋轉。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css3中實現(xiàn)2d旋轉的函數(shù)是什么
在css中,實現(xiàn)2d旋轉的函數(shù)是rotate()函數(shù)。
rotate()函數(shù)配合transform屬性使用時,能夠對元素進行2d旋轉操作。
transform 屬性向元素應用 2D 或 3D 轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。
示例如下:
<!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>
輸出結果:
(學習視頻分享:css視頻教程)