الخاصية animation-duration
< 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-duration
في CSS تُحدِّد الزمن اللازم لإكمال دورة كاملة من الحركة.
بطاقة الخاصية
القيمة الابتدائية | 0s
|
---|---|
تُطبَّق على | جميع العناصر. |
قابلة للوراثة | لا |
قابلة للتحريك | لا |
القيمة المحسوبة | كما حُدِّدَت. |
من الشائع استخدام الخاصية المختصرة animation
لضبط جميع خاصيات الحركات بآنٍ واحد.
/* حركة واحدة */
animation-duration: 6s;
animation-duration: 120ms;
/* عدِّة حركات */
animation-duration: 1.64s, 15.22s;
animation-duration: 10s, 35s, 230ms;
/* القيم العامة */
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-duration
قيمةً واحدةً أو عدِّة قيم لترتبط مع أكثر من حركة.
<time>
الزمن الذي تستغرقه دورة كاملة من الحركة لكي تتم، ويمكن تحديده بالثواني (s
) أو بالملي ثانية (ms
)، ويجب أن تكون القيمة موجبةً أو صفر (وإذا كانت صفر فيجب توفير الواحدة أيضًا). 0s
تعني عدم تطبيق الحركة.
البنية الرسمية
animation-duration: <time>#;
انظر أيضًا
- صفحة الخاصية
animation
والخاصيات الفرعية التي تضبطها هذه الخاصية وهيanimation-name
وanimation-timing-function
وanimation-delay
وanimation-iteration-count
وanimation-direction
وanimation-fill-mode
وanimation-play-state
.
مصادر ومواصفات
- مسودة CSS Animations.