خصائص rotate CSS

تعريف ووظيفة

rotate الخاصية تسمح بتحويل العنصر.

rotate تعريف الخاصية يعني درجة دوران العنصر حول محور z. لتحويل العنصر حول محور x أو y أو بطريقة أخرى، يجب إجراء تعريف مناسب.

rotate قيمة الخاصية يمكن أن تكون زاوية، اسم المحور + زاوية، أو ثلاثة قيم + زاوية.

إذا تم تقديم زاوية واحدة فقط، سيتم دوران العنصر حول محور z بالزاوية.
إذا تم تقديم اسم المحور + زاوية، سيتم دوران العنصر حول المحور المحدد بالزاوية.
إذا تم تقديم ثلاثة قيم + زاوية، فإن هذه القيم تعريف فيكتور، وسيتم دوران العنصر حول هذا الفيكتور.

للتفهم بشكل أفضل rotate خاصية، يرجى الرجوع إلىعرض.

ملاحظة:تقنية أخرى لتحويل العنصر هي استخدام دالة rotate() CSS خاصية CSS transform.

تغيير دوران العنصر:

div {
  rotate: 30deg;
}

عند rotate عندما يتم تعيين الخاصية إلى فيكتور وزاوية، سيتم دوران العنصر حول هذا الفيكتور.

في هذا السياق، الفيكتور هو [1 1 0] في المستوى الثنائي، يحتوي على أرقام المحور x و y، ثم يتم دورانه بزاوية 60 درجة:

div {
  rotate: 1 1 0 60deg;
}

rotate: محور زاوية|مبدئي|وراثة;

القيمة	الوصف
محور	اختياري. إذا لم يتم تعيينها، فإن القيمة الافتراضية هي محور z. تعريف المحور الذي سيتم دوران العنصر حوله. x y z
زاوية	تعريف درجة دوران العنصر. وحدات الممكنة: deg(درجات) rad(راديان) دور(دورات)
زاوية فيكتور	ثلاثة أرقام تعريف فيектор، وسيتم دوران العنصر حول هذا الفيكتور. هذه الثلاثة أرقام هي أرقام المحور x، y و z للفيектор. القيمة الأخيرة هي زاوية الدوران. القيم الممكنة: رقم رقم رقم زاوية
مبدئي	اعتماد هذه الخاصية إلى قيمتها الافتراضية. يرجى الرجوع إلى مبدئي.
وراثة	من عنصر الأب. يرجى الرجوع إلى وراثة.

القيمة الافتراضية:	لا شيء
الوراثة:	لا
إنتاج الرسوم المتحركة:	يدعم. يرجى الرجوع إلى:خصائص الرسوم المتحركة.
الإصدار:	CSS3
جافا سكربت الجملة：	object.style.rotate="-120deg"