rotate()函数是一个内置函数,用于基于给定角度作为参数旋转元素。可以按照度数,刻度,弧度或转角设置角度。
用法:
rotate( angle )
参数:该功能接受代表旋转角度的单个参数角度。正角和负角分别使元素顺时针和逆时针旋转。
以下示例说明了CSS中的rotate()函数:
范例1:
CSS rotate() functionbody {
text-align:center;
}
h1 {
color:green;
}
.rotate_image {
transform:rotate(45deg);
}
GeeksforGeeks
CSS rotate() function
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
alt="GeeksforGeeks logo">
输出:
范例2:
CSS rotate() functionbody {
text-align:center;
}
h1 {
color:green;
}
.GFG {
font-size:35px;
font-weight:bold;
color:green;
transform:rotate(30deg);
}
GeeksforGeeks
CSS rotate() function
Welcome to GeeksforGeeks
输出:
支持的浏览器:rotate()功能支持的浏览器如下:
谷歌浏览器
IE浏览器
火狐浏览器
苹果浏览器
Opera