دستورالعمل مرجع CSS

خصائص-الـ CSS

animation-fill-mode تحدد الخاصية ما إذا كانت تأثيرات الرسوم المتحركة مرئية قبل أو بعد عرضها.

ملاحظة:قيم الخاصية هي مجموعة من كلمات نمط التعبئة المفصولة بالكومي.

دليل CSS3حركة CSS

يحدد نمط التعبئة لـ h1.

h1
  {
  animation-fill-mode: forwards;
  }

animation-fill-mode : none | forwards | backwards | both;

القيمة	الوصف
لا	لا يغير السلوك الافتراضي.
forwards	بعد إكمال الرسوم المتحركة، الحفاظ على آخر قيمة الخاصية (محددة في آخر إطارات الحركة).
backwards	في خلال الفترة المحددة من قبل animation-delay، قبل ظهور الرسوم المتحركة، تطبيق قيمة الخاصية البدائية (محددة في أول إطارات الحركة).
الكل	تطبيق نمط التعبئة الأمامي والخلفي.

القيمة الافتراضية:	لا
تنسيق الوراثة:	لا
الإصدار:	CSS3
جافا سكريبت الصيغة:	object.style.animationFillMode=none

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم الخاصية بشكل كامل.

المستخدمون من -webkit-،-moz- أو -o- يعني إستخدام الإصدار الأول المزود بالبادئة.

Chrome	Edge	Firefox	Safari	Opera
Chrome	Edge	Firefox	Safari	Opera
43.0 4.0 -webkit-	10.0	16.0 5.0 -moz-	9.0 4.0 -webkit-	30.0 15.0 -webkit- 12.1 12.0 -o-