ویژگی offset-rotate CSS

پیشنهاد دوره:

تعریف و استفاده offset-rotate

این ویژگی برای تنظیم زاویه چرخش عنصر در حال حرکت به مسیر استفاده می‌شود.

مثال

مثال 1

زاویه چرخش سه عنصر <img> در حال حرکت به مسیر مشخص می‌شود:
  #fish1 {
offset-rotate: 0.25turn;
offset-rotate: auto;
  #fish2 {
offset-rotate: 0.25turn;
offset-rotate: auto 90deg;
  #fish3 {
offset-rotate: 0.25turn;

}

offset-rotate: 90deg;

مثال 2

با استفاده از واحد turn به جای deg زاویه چرخش عنصر را مشخص کنید:
  div {
offset-rotate: 0.25turn;

}

تست شخصی

آموزش زبان CSSزاویهoffset-rotate: auto|

|مقدار اولیه|ارث‌برداری;

مقدار ویژگی مقدار
자동 توضیح
زاویه زاویه‌ای که عنصر را به صورت یکنواخت به آن زاویه می‌چرخاند را مشخص می‌کند.
자동 زاویه با هم auto و زاویه، زاویه به زاویه چرخش پیش‌فرض اضافه می‌شود، به سمت عقربه‌ی ساعت.
عکس‌العمل عنصر به جهت مخالف چرخش پیش‌فرض می‌چرخد.
مقدار اولیه این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به: مقدار اولیه.
ارث‌برداری این ویژگی را از عنصر پدر خود ارث می‌برد. لطفاً به: ارث‌برداری.

جزئیات فنی

مقدار پیش‌فرض: 자동
ارث‌برداری: خیر
انیمیشن‌سازی: پشتیبانی. لطفاً به:ویژگی‌های مرتبط با انیمیشن.
نسخه: CSS3
آموزش زبان برنامه‌نویسی: object.style.offsetRotate="45deg"

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه‌ی اولین مرورگر پشتیبان از این ویژگی هستند.

کروم ایج فایرفاکس سفاری آپرا
56 79 72 16 43

صفحات مرتبط

آموزش:مسیر SVG

آموزش:آنیماشن CSS

مراجعه:ویژگی offset CSS

مراجعه:ویژگی offset-anchor CSS

مراجعه:ویژگی offset-distance CSS

مراجعه:ویژگی offset-path CSS

مراجعه:ویژگی offset-position CSS