الخاصية animation-name
< CSS
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
الخاصية 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.