Style transition Property

تحوم فوق عنصر div لتغيير تدريجيا مظهره:

document.getElementById("myDIV").style.transition = "all 2s";

تعريف والاستخدام

الخاصية الانتقال خاصية الاختزال للخصائص انتقال أربعة:

transitionProperty، transitionDuration، transitionTimingFunction، وtransitionDelay.

Note: دوما تحديد الملكية transitionDuration، وإلا فإن المدة هي 0، وسوف تمر بمرحلة انتقالية ليس لها أي أثر.

ويدعم خاصية الانتقال في Internet Explorer 10، فايرفوكس، أوبرا، وكروم.

رحلات السفاري يدعم بديل، الخاصية WebkitTransition.

ملاحظة: لا يتم اعتماد خاصية الانتقال في Internet Explorer 9 والإصدارات السابقة.

إعادة الممتلكات الانتقال:

object .style.transition

تعيين الخاصية الانتقالية:

object .style.transition=" قيم الممتلكات

القيمة	وصف
transitionProperty	يحدد اسم الخاصية CSS تأثير الانتقالية ل
transitionDuration	يحدد عدد الثواني أو مللي ثانية يأخذ تأثير انتقال لاستكمال
transitionTimingFunction	تحديد منحنى سرعة تأثير انتقال
transitionDelay	يعرف متى يبدأ تأثير انتقال
initial	تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit	يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

القيمة الافتراضية:	كل 0 سهولة 0
قيمة الإرجاع:	A سلسلة تمثل الملكية الانتقال من عنصر
صفحة CSS	CSS3