styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewview-timelineview-timeline-axisview-timeline-insetview-timeline-nameview-transition-classview-transition-groupview-transition-nameview-transition-scopevisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

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> W3CMDN
ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידע