الخاصية animation-name

من موسوعة حسوب
< CSS
اذهب إلى: تصفح، ابحث

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

 انظر أيضًا

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