מאפיין animation-trigger

מאפיין animation-trigger קובע אם האנימציה היא triggered (מופעלת-טריגר) ולאיזה טריגר מגיבה. זהו reset-only sub-property של animation shorthand.

.card { animation-trigger: once; }

.reveal { animation: fade-in 1s ease; animation-trigger: state; }

noneערך ברירת המחדל. אין טריגר — האנימציה מתחילה מיידית.

onceהטריגר מפעיל פעם אחת.

repeatהטריגר מפעיל בכל פעם שהתנאי מתקיים.

alternateהטריגר מחליף כיוון בכל הפעלה.

stateהטריגר תלוי במצב — אנימציה רצה כל עוד התנאי מתקיים.

playמפעיל את האנימציה קדימה בכל הפעלת טריגר.

play-onceמפעיל את האנימציה קדימה פעם אחת בלבד.

play-forwardsמפעיל את האנימציה לכיוון קדימה ועוצר בסוף.

play-backwardsמפעיל את האנימציה לכיוון אחורה ועוצר בהתחלה.

pauseמושהה את האנימציה כשהטריגר פעיל.

resetמאפס את האנימציה לנקודת ההתחלה.

replayמאפס ומפעיל מחדש את האנימציה מההתחלה.

CSS Animations Level 2

Editor's Draft