ویژگی transitionDuration استایل

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

transitionDuration تنظیم یا بازگشتی ویژگی به مقدار زمانی (ثانیه s یا میلی‌ثانیه ms) نیاز است تا过渡 به پایان برسد.

لطفاً به

دستورالعمل CSS:ویژگی transition-duration

مثال

افزایش اثرگذاری过渡:

document.getElementById("myDIV").style.transitionDuration = "1s";

تست کنید

قانون‌نویسی

بازگشتی ویژگی transitionDuration:

اجسام.style.transitionDuration

تنظیم ویژگی transitionDuration:

اجسام.style.transitionDuration = "زمان|initial|inherit"

مقدار ویژگی

مقدار توضیح
زمان تعیین می‌کند که چقدر زمان نیاز است تا过渡 به پایان برسد (ثانیه یا میلی‌ثانیه). مقدار پیش‌فرض 0 است که نشان‌دهنده هیچ اثری نیست.
initial این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial.
inherit این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit.

جزئیات فنی

مقدار پیش‌فرض: 0
مقدار بازگشتی: زبان، نشان‌دهنده زمان ویژگی transition-duration.
نسخه CSS: CSS3

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

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

کروم اگد فایرفاکس سفاری اپرا
کروم اگد فایرفاکس سفاری اپرا
26.0 10.0 16.0 6.1 12.1