欢迎各位兄弟 发布技术文章
这里的技术是共享的
rotateZ()函数是一个内置函数,用于使元素绕z轴旋转。
用法:
rotateZ( angle )
参数:该功能接受代表旋转角度的单个参数角度。正角和负角分别使元素顺时针和逆时针旋转。
以下示例说明了CSS中的rotateZ()函数:
范例1:
CSS rotateZ() function
body {
text-align:center;
}
h1 {
color:green;
.rotateZ_image {
transform:rotateZ(45deg);
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
alt="GeeksforGeeks logo">
输出:
范例2:
.GFG {
font-size:35px;
font-weight:bold;
支持的浏览器:rotateZ()功能支持的浏览器如下:
谷歌浏览器
IE浏览器
火狐浏览器
Opera
苹果浏览器
来自 https://blog.csdn.net/weixin_39860636/article/details/119369330