The CSS Propertie view-transition-name

מאפיין view-transition-name מתייג אלמנט ללכידה עצמאית במהלך מעבר תצוגה (view transition). אלמנטים עם ערך שאינו none משתתפים בנפרד בעץ המעבר תחת המזהה שצוין.

.hero { view-transition-name: hero-image; }

.card-12 { view-transition-name: card-12; } ::view-transition-old(card-12) { animation: fade-out 200ms; }

noneערך ברירת המחדל. האלמנט אינו משתתף באופן עצמאי במעברי תצוגה.

autoהמזהה מחושב אוטומטית מהאלמנט (לרוב מ-element ID).

match-elementהמזהה תואם לאלמנט עצמו — שימושי כשרוצים מעבר ייחודי לכל מופע.

CSS View Transitions Module Level 2

Editor's Draft

<custom-ident>

W3C MDN

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

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

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

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

previous next