دليل مرجعي CSS

خصائص CSS

animation الخصائص هي خصائص مختصرة تستخدم لضبط ست خصائص رسم متحرك:

التعليقات:يجب دائمًا تحديد animation-duration إذا لم يكن لديك خصائص، فإن الوقت يكون 0 وسيتم إيقاف عرض الرسوم المتحركة.

دليل CSS3:حركة CSS

استخدام الخصائص المختصرة، ربط الحركة ببرنامج div المكونة:

div
{
animation:mymove 5s infinite;
}

animation: name duration timing-function delay iteration-count direction;

القيمة	الوصف
animation-name	يحدد الاسم الخاص بالkeyframe الذي يجب ربطه بالخيار.
animation-duration	يحدد الوقت الذي يستغرقه الانتهاء من الحركة، بالثواني أو الميليسي ثانية.
animation-timing-function	يحدد منحنى السرعة للحركة.
animation-delay	يحدد التأخير قبل بدء الحركة.
animation-iteration-count	يحدد عدد مرات العرض للحركة.
animation-direction	يحدد ما إذا كان يجب أن يتم العرض بالتناوب بالاتجاه المعاكس للحركة.
animation-fill-mode	يحدد القيم التي تطبق خارج وقت التنفيذ.
animation-play-state	يحدد ما إذا كانت الحركة قيد التنفيذ أم معطلة.

القيمة الافتراضية:	none 0 ease 0 1 normal
الوراثة:	no
الإصدار:	CSS3
جافا سكريبت الجملة:	object.style.animation="mymove 5s infinite"

الرقم في الجدول يشير إلى الإصدار الأولي الذي يدعم الخاصية بشكل كامل.

رقميات التي تحتوي على -webkit-، -moz- أو -o- تعبر عن الإصدار الأولي الذي يستخدم المقدمة.

Chrome	IE / Edge	Firefox	Safari	Opera
Chrome	Edge	Firefox	Safari	Opera
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-