ویژگی transition-property CSS

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

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

توضیحات:اثرات انتقال معمولاً زمانی رخ می‌دهند که کاربر نشانگر ماوس را روی عنصر قرار می‌دهد.

نکته:لطفاً همیشه transition-duration اگر ویژگی مشخصی مشخص نشود، طول زمان به 0 خواهد بود و اثر انتقال ایجاد نخواهد شد.

لطفاً به:

آموزش CSS:过渡 CSS

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

مثال

قراردادن نشانگر ماوس روی عنصر div باعث ایجاد اثر انتقال با تغییر آهسته اندازه عنصر div می‌شود:

div {
  transition-property: width;
}

تست کنید

قوانین CSS

transition-property: none|all|نوع;

مقدار ویژگی

مقدار توضیح
هیچ‌چیزی هیچ ویژگی از اثر انتقال بهره‌مند نخواهد شد.
همه تمام ویژگی‌ها از اثر انتقال بهره‌مند خواهند شد.
نوع لیستی از نام‌های CSS که باید از اثر انتقال استفاده کنند، لیست با کاما جدا شده است.

جزئیات فنی

مقدار پیش‌فرض: همه
ارث‌پذیری: خیر
نسخه: CSS3
قوانین جاوااسکریپت: اشیاء.style.transitionProperty="width,height"

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

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

اعداد شماری با پیشوند -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-