خصوصیت transition-duration

چاپ

مثال (خصوصیت transition-duration)

در این مثال انتقال به مدت 5 ثانیه طول می کشد:

-webkit-transition-duration: 5s; /* Safari */
خودتان امتحان کنید »

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

Internet Explorer Firefox Opera Google Chrome Safari

مرورگرهای Internet Explorer 10، Firefox، Chrome و Opera، خصوصیت transition-duration را پشتیبانی می کنند.

Safari از خصوصیت جایگزین webkit-transition-duration-استفاده می کنند.

توجه: مرورگر Internet Explorer 9 و نسخه های قبلی آن، تنظیم transition-duration را پشتیبانی نمی کند.


تعریف و کاربرد

با استفاده از خصوصیت transiiion-duration می توان مشخص کرد عمل انتقال در چند ثانیه یا در چند میلی ثانیه تکمیل شود.

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

نحوه استفاده

transition-duration: time;
مقدارتوضیحات
time

مشخص می کند عمل انتقال در چند ثانیه یا در چند میلی ثانیه تکمیل شود. مقدار صفر به معنی عدم وجود انتقال است.