توابع scale3d() CSS

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

CSS scale3d() این تابع بزرگنمایی 3D عنصر را تعریف می‌کند.

scale3d() این تابع مقدار بزرگنمایی در محور x، y و z را برای عنصر تعریف می‌کند.

scale3d() در تغییر شکل در استفاده از ویژگی.

مثال

مثال 1

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

#myDiv1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#myDiv2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#myDiv3 {
  transform: scale3d(1.1, 1.2, 1);
}

آزمایش کنید

مثال 2

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

#img1 {
  transform: scale3d(0.8, 0.8, 0.8);
}
#img2 {
  transform: scale3d(-0.5, -0.5, -0.5);
}
#img3 {
  transform: scale3d(1.1, 1.1, 1);
}

آزمایش کنید

نوع نوشتار CSS

scale3d(sx, sy, sz)

جزئیات فنی

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

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

مربوط پیج

تعلیم:CSS 3D تبدیلی

مشارکت:CSS transform کیمپٹ

مشارکت:CSS scale کا اپریشن

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

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

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