أحدث البرامج التعليمية وتطوير الشبكة
 

Style transitionProperty Property

<كائن نمط

مثال

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

document.getElementById("myDIV").style.transitionProperty = "width,height";
انها محاولة لنفسك »

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

تحدد الخاصية transitionProperty اسم خاصية CSS تأثير الانتقال هو (فإن تأثير انتقال تبدأ عند تغيير خاصية CSS معين).

Tip: تأثير التحول يمكن أن يحدث عادة عندما تحوم المستخدم على عنصر.

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


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

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


بناء الجملة

إعادة الممتلكات transitionProperty:

object .style.transitionProperty

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

object .style.transitionProperty="none|all| قيم الممتلكات
القيمة وصف
none لن الممتلكات الحصول على تأثير انتقال
all القيمة الافتراضية. جميع خصائص سوف تحصل على تأثير انتقال
property تعرف على قائمة مفصولة بفواصل من أسماء الملكية CSS تأثير الانتقالية ل
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

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

صفحات ذات صلة

CSS المرجع transition-property property


<كائن نمط