ویژگی transitionProperty استایل
- صفحه قبلی transition
- صفحه بعدی transitionDuration
- بازگشت به طبقه بالا اجزای Style HTML DOM
تعریف و استفاده
transitionProperty ویژگی‌ای که نام ویژگی‌های CSS را که تغییرات انتقالی باید بر آن‌ها اعمال شوند، مشخص می‌کند (تغییرات CSS در زمان مشخص شده شروع خواهند شد).
توضیحات:معمولاً هنگامی که کاربر ماوس را روی عنصر قرار می‌دهد، اثر تغییرات انتقالی ظاهر می‌شود.
نکته:لطفاً همیشه ویژگی transitionDuration، در غیر این صورت زمان انتقال به 0 خواهد بود و انتقال معتبر نخواهد بود.
لطفاً به
دستورالعمل‌های CSS:ویژگی transition-property
مثال
برای تغییر تدریجی عرض و ارتفاع عناصر div با قرار دادن ماوس روی آن، قرار دهید:
document.getElementById("myDIV").style.transitionProperty = "width,height";
نحوه‌ی نوشتن
بازگشتی ویژگی transitionProperty:
object.style.transitionProperty
تنظیم ویژگی transitionProperty:
object.style.transitionProperty = "none|all|property|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| none | هیچ ویژگی از اثر تغییرات انتقالی بهره‌مند نخواهد شد. |
| all | مقدار پیش‌فرض. تمام ویژگی‌ها از اثر تغییرات انتقالی بهره‌مند خواهند شد. |
| property | لیستی از نام‌های ویژگی‌های CSS برای تعریف اثر تغییرات انتقالی، با استفاده از کاما جدا شده. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر پدرش ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | all |
|---|---|
| مقدار بازگشتی: | رشته‌ای که نشان‌دهنده ویژگی transition-property. |
| نسخه CSS: | CSS3 |
پشتیبانی مرورگر
جداول در اینجا شامل نسخه مرورگر اولین هستند که این ویژگی را کامل پشتیبانی می‌کنند.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 26.0 | 10.0 | 16.0 | 6.1 | 12.1 |
- صفحه قبلی transition
- صفحه بعدی transitionDuration
- بازگشت به طبقه بالا اجزای Style HTML DOM
