مثال (خصوصیت transition-duration)
در این مثال انتقال به مدت 5 ثانیه طول می کشد:
-webkit-transition-duration: 5s; /* 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 | مشخص می کند عمل انتقال در چند ثانیه یا در چند میلی ثانیه تکمیل شود. مقدار صفر به معنی عدم وجود انتقال است. |
