מאפיין animation-range-end

מאפיין animation-range-end קובע את סוף טווח החיבור של האנימציה לאורך הטיימליין — הנקודה שבה האנימציה תסתיים.

.card { animation-range-end: exit 100%; }

.reveal { animation-range-start: cover 25%; animation-range-end: cover 75%; }

פחות:0 יותר:9999 צעד:5

יחידות:% | px

normalערך ברירת המחדל. סוף הטיימליין (100%).

coverטווח כיסוי האלמנט.

containטווח הכלת האלמנט.

entryטווח כניסה.

exitטווח יציאה.

entry-crossingנקודת החציה של קצה האלמנט בכניסה ל-scrollport.

exit-crossingנקודת החציה של קצה האלמנט ביציאה מה-scrollport.

scrollסוף טווח גלילה מלא לאורך ציר ה-scroll-timeline.

CSS Animations Level 2

Editor's Draft

<length-percentage>

Show all code