توابع scaleX() CSS

تعریف و استفاده

CSS scaleX() این توابع برای گسترش افقی عناصر استفاده می‌شوند.

scaleX() این توابع برای افزایش یا کاهش عرض عناصر استفاده می‌شوند.

scaleX() این توابع در تبدیل در استفاده از این ویژگی.

مثال

مثال 1

استفاده از scaleX() گسترش عرض چندین عناصر <div>:

#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

پشتیبانی مرورگر

جداول عددی در اینجا نشان‌دهنده نسخه‌ی اولین مرورگر هستند که این عملکرد را کامل پشتیبانی می‌کند.

Chrome Edge Firefox Safari Opera
1 12 3.5 3.1 10.5

صفحات مرتبط

آموزش:ترانزفرم‌های 2D CSS

منبع:ویژگی transform CSS

منبع:ویژگی scale CSS

منبع:توابع scale() CSS

منبع:توابع scale3d() CSS

منبع:توابع scaleY() CSS