CSS آفست-روٹی پرپرتی

تعریف و استفاده

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

زاویه چرخش سه عنصر <img> که در مسیر حرکت می‌کنند را تنظیم کنید:

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

با استفاده از واحد turn به جای deg زاویه چرخش عنصر را مشخص کنید:

div {
  offset-rotate: 0.25turn;
}

offset-rotate: auto|زاویه|مقدار اولیه|نسبت‌دهی;

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

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