מאפיין timeline-trigger

מאפיין הקיצור (shorthand) timeline-trigger מגדיר טריגר מבוסס ציר-זמן המפעיל ומכבה אנימציות לפי טווחים. מצרף שם, מקור, טווח-הפעלה, וטווח-פעילות אופציונלי. רשימה מופרדת בפסיקים לטריגרים מרובים.

.reveal { timeline-trigger: --t scroll() entry; }

.reveal { timeline-trigger: --t view() entry 0% / exit 100%; animation-trigger: --t; }

noneאין טריגרים (ברירת מחדל).

coverטווח: מתחיל כשהאלמנט מתחיל להיכנס ל-viewport ומסתיים כשיוצא לגמרי.

containטווח: פעיל כשהאלמנט כלול במלואו בתוך ה-viewport.

entryטווח: מכסה את שלב הכניסה של האלמנט ל-viewport.

exitטווח: מכסה את שלב היציאה של האלמנט מה-viewport.

entry-crossingטווח: רגע חציית הגבול בכניסה — כשהקצה המוביל של האלמנט חוצה את קצה ה-viewport.

exit-crossingטווח: רגע חציית הגבול ביציאה — כשהקצה המוביל של האלמנט חוצה את קצה היציאה.

autoה-UA קובע את טווח הטריגר אוטומטית.

normalהתנהגות ברירת המחדל של הטריגר.

CSS Animation Triggers Module Level 1