توابع scale() CSS

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

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

scale() توابع تعریف می‌کنند که مقدار بزرگنمایی در جهت x و y برای عنصر چیست.

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

مثال

مثال 1

استفاده از scale() بزرگنمایی چندین عناصر <div>:

#myDiv1 {
  transform: scale(0.7);
}
#myDiv2 {
  transform: scale(110%);
}
#myDiv3 {
  transform: scale(1.1, 0.5);
}

آزمایش کنید

مثال 2

استفاده از scale() تصویر بزرگنمایی:

#img1 {
  transform: scale(0.7);
}
#img2 {
  transform: scale(110%);
}
#img3 {
  transform: scale(1.1, 0.5);
}

آزمایش کنید

نحوه نوشتن CSS

scale(sx, sy)

جزئیات فنی

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

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

صفحات مرتبط

مقدمه:تغییرات 2D CSS

ارجاع:ویژگی transform CSS

ارجاع:ویژگی scale CSS

ارجاع:توابع scale3d() CSS

ارجاع:توابع scaleX() CSS

ارجاع:توابع scaleY() CSS