وظيفة CSS scale3d()

التعريف والاستخدام

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

المرجع:خصائص transform CSS

المرجع:خصائص scale CSS

المرجع:دالة scale() CSS

المرجع:دالة scaleX() CSS

المرجع:دالة scaleY() CSS