CSS rotate() فونكشن

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

CSS rotate() التحويل الثنائي الأبعاد للعناصر المحددة.

rotate() الفونكشن في التشكيل في استخدام الخاصية.

مثال

مثال 1

استخدام rotate() تدوير عدة عناصر <div>:

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

تجربة شخصية

مثال 2

استخدام rotate() تدوير الصورة:

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

تجربة شخصية

قواعد اللغة CSS

rotate(زاوية)

تفاصيل تقنية

دعم المتصفح

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

صفحات مرتبطة

تدريس:CSS 2D Transformation

参考：Hausa transform attibutu

参考：CSS rotate 属性

参考：Hausa CSS rotate3d() fonsi

参考：CSS rotateX() فونكشن

参考：CSS rotateY() 函数

参考：CSS rotateZ() 函数