scaleX()函数是一个内置函数,用于在2D平面中沿x轴调整元素的大小。它在水平方向上缩放元素。
用法:
scaleX() = scaleX( number )
参数:该函数接受单个参数编号,该编号保留沿x轴的缩放比例。
以下示例说明了CSS中的scaleX()函数:
范例1:
CSS scaleX() functionbody {
text-align:center;
}
h1 {
color:green;
}
.scaleX_image {
transform:scaleX(2);
}
GeeksforGeeks
CSS scaleX() function
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png"
alt="GeeksforGeeks logo">
输出:
范例2:
CSS scaleX() functionbody {
text-align:center;
}
h1 {
color:green;
}
.GFG {
font-size:35px;
font-weight:bold;
color:green;
transform:scaleX(1.5);
}
GeeksforGeeks
CSS scaleX() function
Welcome to GeeksforGeeks
输出:
支持的浏览器:scaleX() Function支持的浏览器如下:
谷歌浏览器
IE浏览器
火狐浏览器
Opera
苹果浏览器