خصائص دوران التحويل لـ 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
- الصفحة السابقة تحديد المواقع
- الصفحة التالية شفافية