ویژگی animation-direction CSS

تعریف و استفاده

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

اگر مقدار animation-direction برابر با "alternateاگر "، آنی‌سازی در تعدادهای غیرمساوی (1، 3، 5 و غیره) به صورت معمول پخش می‌شود و در تعدادهای مساوی (2، 4، 6 و غیره) به صورت معکوس پخش می‌شود.

نکته:اگر آنی‌سازی به صورت یکباره تنظیم شود، این ویژگی تأثیری ندارد.

لطفاً به اینجا نیز مراجعه کنید:

آموزش CSS3:آنیمیشن CSS

دستورالعمل مرجع HTML DOM:ویژگی animationDirection

مثال

توقف آنی‌سازی:

div {
  animation-direction: alternate;
}

آزمایش کنید

نوعنام نویسی CSS

animation-direction: normal|alternate;
مقدار توضیح آزمایش
معمولی مقدار پیش‌فرض. آنی‌سازی باید به صورت معمول پخش شود. آزمایش
alternate آنی‌سازی باید به صورت متناوب در جهت برعکس پخش شود. آزمایش

جزئیات فنی

مقدار پیش‌فرض: معمولی
ارث: خیر
نسخه: CSS3
نوعنام نویسی جاوااسکریپت: ویدئو.style.animationDirection="alternate"

پشتیبانی مرورگر

شماره‌های جدول نشان‌دهنده نسخه اولین مرورگرهایی است که این ویژگی را به طور کامل پشتیبانی می‌کنند.

با -webkit-،-moz- یا -o- شماره‌های اولین نسخه‌ای که از پیشوند استفاده می‌کنند.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-