ویژگی Style animationDuration
- صفحه قبلی animationDirection
- صفحه بعدی animationFillMode
- برگشت به لایه بالاتر آبجکت Style HTML DOM
تعریف و استفاده
animationDuration این ویژگی مدت زمانی که نیاز به تکمیل یک دوره انیمیشن دارد را مشخص می‌کند. مقدار آن را به ثانیه یا میلی‌ثانیه وارد کنید.
مثال
تغییر ویژگی animationDuration عنصر <div>:
document.getElementById("myDIV").style.animationDuration = "3s";
قوانین
بازگشتی از ویژگی animationDuration:
موضوع.style.animationDuration
تنظیم ویژگی animationDuration:
موضوع.style.animationDuration = "زمان|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| زمان | این ویژگی مدت زمانی که نیاز به تکمیل انیمیشن دارد را مشخص می‌کند. مقدار پیش‌فرض 0 است که به معنای عدم وجود انیمیشن است. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | 0 |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان‌دهنده ویژگی animation-duration. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
animationDuration این یک ویژگی CSS3 (1999) است.
همه مرورگرها این را به طور کامل پشتیبانی می‌کنند:
| Chrome | Edge | Firefox | Safari | Opera | IE |
|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera | IE |
| پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | پشتیبانی می‌کند | 11 |
صفحات مرتبط
دستورالعمل‌های CSS:ویژگی animation-duration
- صفحه قبلی animationDirection
- صفحه بعدی animationFillMode
- برگشت به لایه بالاتر آبجکت Style HTML DOM
