ویژگی animation-duration CSS

定义和用法

animation-duration 属性定义动画完成一个周期所需要的时间，以秒或毫秒计。

ایک بار دیکھیئے:

CSS3 تعلیم:CSS آناکان

HTML DOM مرجع دستور:animationDuration کی خاصیت

مثال

@keyframes کی آنیماشن کا نام طے کرتا ہے:

div {
  animation-duration: 3s;
}

خود کا تجربہ کریں

CSS زبان

animation-duration: وقت;
مقدار وصف
وقت آنیماشن مکمل کرنے میں صرف ہونے والی وقت کو طے کرتا ہے۔ مقصد مقدار 0 ہوتا ہے، جس کا مطلب نہیں کہ آنیماشن اثر نہیں ہوگا۔

تکنیکی تفصیلات

مقصد مقدار: 0
وارسستگی: نہیں
ورژن: CSS3
جاوا اسکریپت زبان: عنصر.style.animationDuration="3s"

براوزر کی مدد

جداول میں دوسرے شمار اس کی اپنائی جانے والی پہلی براوزر کی ورژن کا نشان دہی کرتا ہے。

شمار -webkit-،-moz- یا -o- کا استعمال کا پہلا ورژن کا نشان دہی کرتا ہے。

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