CSS scaleX() 函数

定义和用法

CSS 的 scaleX() 函数用于水平缩放元素。

scaleX() 函数增加或减少元素的宽度。

scaleX() 函数在 transform 属性中使用。

实例

例子 1

使用 scaleX() 缩放多个

元素的宽度：

#myDiv1 {
  transform: scaleX(0.7);
}
#myDiv2 {
  transform: scaleX(90%);
}
#myDiv3 {
  transform: scaleX(1.1);
}

亲自试一试

例子 2

使用 scaleX() 缩放图像的宽度：

#img1 {
  transform: scaleX(0.6);
}
#img2 {
  transform: scaleX(90%);
}
#img3 {
  transform: scaleX(-0.6);
}
#img4 {
  transform: scaleX(1.1);
}

亲自试一试

CSS 语法

scaleX(s)
值 描述
s 必需。指定宽度缩放向量的数字。

နည်းပါး အချက်

ပုံစံ： CSS ပြောင်းလဲမှု စက်တန်း အပြောင်း 1

ဘရပ်သတ် ထောက်ပံ့

အချက်အလက်များတွင် ဒါက ပထမပေါ် ကို ထောက်ပံ့သော ဘရပ်သတ် ပုံစံ ပေါ်တွင် ဖော်ပြထားသည်။

ခရမ်း အန်ဂျီ ဖက်ဖော့ ဆိုဖ် အော်ပရာ
1 12 3.5 3.1 10.5

相关页面

教程：CSS 2D 变换

参考：စက်တင် အချင်းဆိုင်ရာ transform အကိုးအချုပ်

参考：စတုဂံ scale အကိုးအချုပ်

参考：CSS scale() 函数

参考：စက်တင် အချင်းဆိုင်ရာ scale3d() ကုဓား

参考：စက်တင် အချင်းဆိုင်ရာ scaleY() ကုဓား