מאפיין animation-timeline

מאפיין animation-timeline מגדיר את ציר הזמן ששולט בהתקדמות האנימציה — מאפשר אנימציות מבוססות גלילה (scroll-driven) או תצוגה (view-driven). ניתן להפנות לטיימליין בעל שם מ-scroll-timeline-name או view-timeline-name.

.scroll-anim { animation-timeline: scroll(); }

.card { animation: reveal linear; animation-timeline: view(); animation-range: cover 0% cover 50%; }

autoערך ברירת המחדל. הטיימליין הוא ה-document timeline הרגיל (זמן).

noneאין טיימליין — האנימציה לא רצה.

scroll()טיימליין אנונימי מבוסס גלילה.

view()טיימליין אנונימי מבוסס תצוגה.

CSS Animations Level 2

Editor's Draft

<dashed-ident>

W3C MDN

Show all code

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

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

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

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

previous next