מאפיין timeline-trigger-source

מאפיין timeline-trigger-source קובע את ציר-הזמן שעליו הטריגר מבוסס — בדומה ל-animation-timeline. מקבל auto, none, scroll(), view(), או שם של ציר זמן מוצהר.

.reveal { timeline-trigger-source: view(); }

.pinned { timeline-trigger-source: scroll(root block); }

autoברירת המחדל. ציר הזמן המשתמע של האלמנט.

noneאין מקור — לא מוגדר טריגר.

scroll()ציר זמן מבוסס גלילה של גורם גלילה.

view()ציר זמן מבוסס חציית viewport (entry/exit/cover).

CSS Animation Triggers Module Level 1

Editor's Draft

W3C

Scroll slowly — two different sources:

source: view() — by visibility

source: scroll() — by position

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next