מאפיין animation-direction

מאפיין animation-direction מגדיר אם האנימציה תתנגן בכיוון הפוך בחלק/בכל המחזורים. ערך ההתחלה הוא normal.

.box { animation-direction: alternate; }

.pulse { animation: scale 1s ease infinite alternate; }

normalערך ברירת המחדל. כל המחזורים בכיוון רגיל (0% → 100%).

reverseכל המחזורים בכיוון הפוך (100% → 0%).

alternateמתחלף — אי-זוגיים רגיל, זוגיים הפוך.

alternate-reverseמתחלף, מתחיל הפוך — אי-זוגיים הפוך, זוגיים רגיל.

CSS Animations Level 1

Editor's Draft

CSS

Show all code