الخاصية 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>

 انظر أيضًا

• صفحة الخاصية animation والخاصيات الفرعية التي تضبطها هذه الخاصية وهي animation-duration و animation-timing-function و animation-delay و animation-iteration-count و animation-direction و animation-fill-mode وanimation-play-state.

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

• مسودة CSS Animations.