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