ویژگی animation-direction CSS

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

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

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

نکات:اگر آنی‌سازی فقط یک بار پخش شود، این ویژگی مؤثر نیست.

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

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

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

مثال

متوقف کردن آنی‌سازی:

div {
  animation-direction: alternate;
}

آزمایش کنید

نوعنامہ CSS

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

جزئیات فنی

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

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

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

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

کروم ایج فایرفاکس سافاری آپرا
کروم ایج فایرفاکس سافاری آپرا
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-