متحرك CSS
التعريف والاستخدام
بعض خصائص CSS قابلة للتحريك ، مما يعني أنه يمكن استخدامها في الحركات والانتقالات.
يمكن أن تتغير الخصائص المتحركة تدريجياً من قيمة إلى أخرى ، مثل الحجم والأرقام والنسبة المئوية واللون.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المستعرض الأول الذي يدعم الرسوم المتحركة لـ CSS بشكل كامل.
الأرقام متبوعة بـ -webkit- أو -moz- أو -o- تحدد الإصدار الأول الذي يعمل مع بادئة.
43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.0 -o- |
مثال
تحريك لون الخلفية من الأحمر إلى الأزرق:
@keyframes mymove
{
from {background-color: red;}
to {background-color: blue;}
}
خصائص متحركة
هذه الخصائص قابلة للتحريك في CSS: