ویژگی 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