الخاصية animation-name

الخاصية animation-name في CSS تستعمل لتحديد أسماء الحركات التي ستُطبَّق على العنصر، وكل اسم يجب أن يُشير إلى قاعدة ‎@keyframes التي تُعرِّف قيم الخاصيات اللازمة للحركة.

بطاقة الخاصية

القيمة الابتدائية	none
تُطبَّق على	جميع العناصر.
قابلة للوراثة	لا
قابلة للتحريك	لا
القيمة المحسوبة	كما حُدِّدَت.

من الشائع استخدام الخاصية المختصرة animation لضبط جميع خاصيات الحركات بآنٍ واحد.

/* حركة واحدة */
animation-name: none;
animation-name: test_05;
animation-name: -specific;
animation-name: sliding-vertically;

/* عدِّة حركات */
animation-name: test1, animation4;
animation-name: none, -moz-specific, sliding;

/* القيم العامة */
animation-name: initial
animation-name: inherit
animation-name: unset

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	4.0 (مع السابقة -webkit-) 43.0	5.0 (مع السابقة -moz-) 16.0	10	15.0 (مع السابقة -webkit-) 30.0	5.1 (مع السابقة -webkit-) 9.0

البنية العامة

تقبل الخاصية animation-name قيمةً واحدةً أو أكثر تُشير إلى قاعدة ‎@keyframes التي تُعرِّف قيم الخاصيات اللازمة للحركة.

none

كلمة محجوزة خاصة تعني أنَّه لا توجد إطارات مفتاحية للحركة، وتستعمل لتعطيل الحركة.

<keyframes-name>

أسماء تُشير إلى قواعد ‎@keyframes التي تُعرِّف قيم الخاصيات اللازمة للحركة. يمكن أن تكون من نوع البيانات <custom-ident> أو سلاسل نصية <string>.

البنية الرسمية

animation-name: [ none | <keyframes-name> ]#;

حيث:

<keyframes-name> = <custom-ident> | <string>

مصادر ومواصفات

• مسودة CSS Animations.