ویژگی Style animationDirection
- صفحه قبلی animationDelay
- صفحه بعدی animationDuration
- بازگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و استفاده
animationDirection این ویژگی تنظیم یا بازگشتی ویژگی آنی‌میشن را در چرخه‌های تغییرات معکوس دارد.
نکته:اگر آنی‌میشن تنظیم شده باشد که فقط یک بار پخش شود، این ویژگی معتبر نخواهد بود.
مثال
تغییر ویژگی animationDirection عنصر <div>:
document.getElementById("myDIV").style.animationDirection = "reverse";
قوانین دستور زبان
بازگشتی ویژگی animationDirection:
object.style.animationDirection
تنظیم ویژگی animationDirection:
object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| normal | مقدار پیش‌فرض. آنی‌میشن باید به صورت اولیه پخش شود. |
| reverse | آنی‌میشن باید به صورت معکوس پخش شود. |
| alternate | آنی‌میشن در هر بار غیرصفر (1، 3، 5 و غیره) به صورت اولیه پخش می‌شود و در هر بار صفر (2، 4، 6 و غیره) معکوس پخش می‌شود. |
| alternate-reverse | آنی‌میشن در هر بار غیرصفر (1، 3، 5 و غیره) معکوس پخش می‌شود و در هر بار صفر (2، 4، 6 و غیره) به صورت اولیه پخش می‌شود. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | normal |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان‌دهنده ویژگی animation-direction. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
animationDirection ویژگی CSS3 (1999) است.
همه مرورگرها این را کاملاً پشتیبانی می‌کنند:
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | 11 |
صفحات مرتبط
دستورالعمل‌های CSS:ویژگی animation-direction
- صفحه قبلی animationDelay
- صفحه بعدی animationDuration
- بازگشت به لایه بالاتر موضوع Style HTML DOM
