توابع 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)

جزئیات فنی

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

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

صفحات مرتبط

تدریس:CSS 2D تبدیلی

مشارکت:CSS transform کا کیچن

مشارکت:CSS scale کا پارامetr

مشارکت:CSS scale() فنکشن

مشارکت:CSS scale3d() فنکشن

مشارکت:CSS scaleX() فنکشن