מאפיין animation-fill-mode

מאפיין animation-fill-mode מגדיר אילו ערכי keyframes חלים על האלמנט מחוץ לזמן הביצוע — לפני הביצוע (delay) ואחריו. ערך ההתחלה הוא none.

.box { animation-fill-mode: forwards; }

.intro { animation: fade-in 1s ease 0.5s both; }

noneערך ברירת המחדל. לא מוחל ערך מחוץ לביצוע.

forwardsשומר על הערך הסופי של ה-keyframes אחרי שהאנימציה הסתיימה.

backwardsמחיל את הערך ההתחלתי במהלך delay (לפני שהאנימציה מתחילה בפועל).

bothגם forwards וגם backwards.

CSS Animations Level 1

Editor's Draft

hover mouse to see

Show all code