خصائص دوران التحويل لـ CSS

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

offset-rotate يستخدم هذا الخاصية لضبط زاوية تدوير العناصر المتحركة على الطريق.

مثال

مثال 1

تعيين زاوية تدوير العناصر الثلاث <img> التي تتحرك على الطريق:

#fish1 {
  offset-rotate: auto;
}
#fish2 {
  offset-rotate: auto 90deg;
}
#fish3 {
  offset-rotate: 90deg;
}

تجربة شخصية

مثال 2

استخدام وحدة turn بدلاً من deg لتعيين زاوية تدوير العنصر:

div {
  offset-rotate: 0.25turn;
}

تجربة شخصية

نحوية CSS

offset-rotate: auto|زاوية|initial|inherit;

قيمة الخاصية

القيمة الوصف
auto العنصر ينظر إلى الاتجاه الذي يتحرك فيه على الطريق. القيمة الافتراضية.
زاوية تحديد زاوية تدوير العنصر بشكل ثابت.
auto زاوية تحديد auto و زاوية، سيتم إضافة الزاوية إلى زاوية الإدارة الافتراضية، في الاتجاه المائل.
reverse يتم تدوير العنصر في الاتجاه المعاكس للإدارة الافتراضية.
initial ضبط هذا الخاصية إلى قيمتها الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخاصية من عنصر الأب. يرجى الرجوع إلى inherit.

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

القيمة الافتراضية: auto
التنسيق: لا
صنع المتحرك: يدعم. يرجى الرجوع إلى:خصائص المتحرك.
الإصدار: CSS3
جافا سكربت نحوية: object.style.offsetRotate="45deg"

دعم المتصفح

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

كروم إدج فايرفوكس سفاري أوبرا
56 79 72 16 43

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

دروس:مسار SVG

دروس:رسوم CSS

المرجع:خصائص التحويل لـ CSS

المرجع:خصائص نقطة التحديد للتحويل لـ CSS

المرجع:خصائص المسافة للتحويل لـ CSS

المرجع:خصائص مسار التحويل لـ CSS

المرجع:خصائص موقف التحويل لـ CSS