ویژگی Style animationDirection
- صفحه قبلی animationDelay
- صفحه بعدی animationDuration
- برگشت به لایه بالاتر موضوع Style HTML DOM
تعریف و استفاده
animationDirection این ویژگی تنظیم یا بازگردانی می‌کند که آیا آنی‌میشن باید در چرخه‌های تعویضی معکوس پخش شود یا خیر.
نکته:اگر آنی‌میشن تنظیم شده باشد که فقط یک بار پخش شود، این ویژگی معتبر نخواهد بود.
مثال
ویژگی animationDirection عناصر <div> تغییر می‌کند:
document.getElementById("myDIV").style.animationDirection = "reverse";
نحوه‌ی نوشتن
ویژگی animationDirection بازگردانید:
واقعی.style.animationDirection
ویژگی animationDirection تنظیم کنید:
واقعی.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) است.
تمام مرورگرها این را کاملاً پشتیبانی می‌کنند:
| کروم | ایج | فایرفاکس | سافاری | اپرا | IE |
|---|---|---|---|---|---|
| کروم | ایج | فایرفاکس | سافاری | اپرا | IE |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | 11 |
صفحات مرتبط
دستورالعمل CSS:نوع animation-direction
- صفحه قبلی animationDelay
- صفحه بعدی animationDuration
- برگشت به لایه بالاتر موضوع Style HTML DOM
