وظيفة rotateX() في CSS

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

CSS rotateX() تعريف الوظيفة يحدد دوران العنصر حول المحور x (اتجاه أفقي) بـ 3D.

rotateX() الوظيفة في تحويل في استخدام الخاصية.

مثال

مثال 1

استخدام rotateX() تدوير عدة عناصر <div> حول المحور x (اتجاه أفقي)

#myDiv1 {
  transform: rotateX(40deg);
}
#myDiv2 {
  transform: rotateX(60deg);
}
#myDiv3 {
  transform: rotateX(80deg);
}

جرب بنفسك

مثال 2

استخدام rotateX() تدوير الصورة حول المحور x (اتجاه أفقي)

#img1 {
  transform: rotateX(40deg);
}
#img2 {
  transform: rotateX(60deg);
}
#img3 {
  transform: rotateX(80deg);
}

جرب بنفسك

اللغة CSS

rotateX(زاوية)

تفاصيل التقنية

دعم المتصفح

الرقم في الجدول يظهر إصدار المتصفح الذي يدعم هذه الوظيفة بشكل كامل أولاً.

الصفحات ذات الصلة

دليل التعليمات:تحويل CSS 3D

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

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

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

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

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

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