وظيفة rotateY() في CSS

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

CSS rotateY() تعريف الوظيفة تحدد دوران العنصر حول محور y (الاتجاه العمودي) بالثلاثي الأبعاد.

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

مثال

مثال 1

استخدام rotateY() تدوير عدة عناصر <div> حول محور y (الاتجاه العمودي):

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

جرب بنفسك

مثال 2

استخدام rotateY() تدوير الصورة حول محور y (الاتجاه العمودي):

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

جرب بنفسك

نص CSS

rotateY(زاوية)

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

دعم المتصفح

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

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

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

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

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

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

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

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

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