توابع scaleY() CSS

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

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

scaleY() افزودن یا کاهش ارتفاع عناصر.

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

مثال

مثال 1

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

#myDiv1 {
  transform: scaleY(0.5);
}
#myDiv2 {
  transform: scaleY(70%);
}
#myDiv3 {
  transform: scaleY(1.1);
}

آزمایش کنید

مثال 2

استفاده از scaleY() افزایش ارتفاع تصویر:

#img1 {
  transform: scaleY(0.5);
}
#img2 {
  transform: scaleY(70%);
}
#img3 {
  transform: scaleY(-0.5);
}
#img4 {
  transform: scaleY(1.1);
}

آزمایش کنید

نحوه نوشتن CSS

scaleY(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

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