نمونه کد

یک نمونه ساده از خاصیت animation-direction:

آزمایشگاه

تعریف و کاربرد

خاصیت animation-direction جهت دهی بالا، پایین، راست و چپ را به انیمیشن به جهت اجرا شدن را انجام می دهد.

اطلاعات

# توضیحات
مقدار پیشفرض نرمال
ارث بری خیر
انیمیشن خیر
نسخه CSS3
نگارش JS object.style.animationDirection="reverse"

سازگاری با مرورگر

اعدادی که در فیلد های مرورگر ها درج شده اند، بیانگر ورژن ساپورت کننده خاصیتanimation-direction هستند.

# کروم ادج فایرفاکس سافاری اپرا
animation-direction

شیوه نگارش

مقادیر

مقادیر توضیحات
normal انیمیشن در جهت پیشفرض و درست (جلو) اجرا می شود.
reverse انیمیشن در جهت برعکس (عقب) اجرا می شود.
alternate شروع حرکت انیمیشن ابتدا به جلو و در ادامه به عقب می باشد.
alternate-reverse شروع حرکت انیمیشن ابتدا به عقب و در ادامه به جلو می باشد.
initial این مقدار را به ویژگی پیش فرض خود اضافه می کند.
inherit این مقدار را از تگ والد خود به ارث می برد.

صفحات مرتبط

آموزش CSS: انیمیشن‌های CSS

مرجع HTML DOM: ویژگی animationDirection