تعریف و کاربرد
خاصیت animation-direction جهت دهی بالا، پایین، راست و چپ را به انیمیشن به جهت اجرا شدن را انجام می دهد.
اطلاعات
| # | توضیحات |
|---|---|
| مقدار پیشفرض | نرمال |
| ارث بری | خیر |
| انیمیشن | خیر |
| نسخه | CSS3 |
| نگارش JS | object.style.animationDirection="reverse" |
سازگاری با مرورگر
اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیتanimation-direction هستند.
| # | کروم | ادج | فایرفاکس | سافاری | اپرا |
|---|---|---|---|---|---|
| animation-direction |
شیوه نگارش
مقادیر
| مقادیر | توضیحات |
|---|---|
| normal | انیمیشن در جهت پیشفرض و درست (جلو) اجرا می شود. |
| reverse | انیمیشن در جهت برعکس (عقب) اجرا می شود. |
| alternate | شروع حرکت انیمیشن ابتدا به جلو و در ادامه به عقب می باشد. |
| alternate-reverse | شروع حرکت انیمیشن ابتدا به عقب و در ادامه به جلو می باشد. |
| initial | این مقدار را به ویژگی پیش فرض خود اضافه می کند. |
| inherit | این مقدار را از تگ والد خود به ارث می برد. |
صفحات مرتبط
آموزش CSS: انیمیشنهای CSS
مرجع HTML DOM: ویژگی animationDirection