מאפיין animation-range-start

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

.card { animation-range-start: entry 0%; }

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

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

יחידות:% | px

normalערך ברירת המחדל. תחילת הטיימליין (0%).

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

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

entryטווח כניסה ל-scrollport.

exitטווח יציאה מ-scrollport.

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

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

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

CSS Animations Level 2

Editor's Draft

<length-percentage>

W3C MDN

Show all code

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

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

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

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

previous next