توابع scale() CSS

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

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

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

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

مثال

مثال 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)

جزئیات فنی

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

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

صفحات مرتبط

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

مطالعه:CSS transform کا پیراگرفت

مطالعه:CSS scale کا نمائش

مطالعه:CSS scale3d() کا فنکشن

مطالعه:CSS scaleX() کا فنکشن

مطالعه:CSS scaleY() کا فنکشن