ویژگی transition-duration CSS

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

ویژگی transition-duration زمانی که برای تکمیل اثر گذارش از آن استفاده می‌شود را مشخص می‌کند (به ثانیه یا میلی‌ثانیه).

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

آموزش CSS:گذر CSS

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

مثال

گذشتار را به مدت 5 ثانیه ادامه دهید:

div {
  transition-duration: 5s;
}

آزمایش کنید

نوشتار CSS

transition-duration: زمان;

مقدار ویژگی

مقدار توضیح
زمان

زمانی که برای تکمیل اثر گذارش از آن استفاده می‌شود را مشخص می‌کند (به ثانیه یا میلی‌ثانیه).

مقدار پیش‌فرض 0 است، یعنی هیچ اثری ایجاد نمی‌شود.

جزئیات فنی

مقدار پیش‌فرض: 0
وراثت: no
نسخه: CSS3
نوشتار JavaScript: object.style.transitionDuration="5s"

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

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

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

Chrome IE / Edge Firefox Safari Opera
26.0
4.0 -webkit-		 10.0 16.0
4.0 -moz-		 6.1
3.1 -webkit-		 12.1
10.5 -o-