מאפיין הקיצור transition משלב את ארבעת מאפייני המעבר: property, duration, timing-function, delay. ערך הזמן הראשון = duration, השני = delay. ניתן לרשום מספר transitions מופרדים בפסיק.
פחות:0יותר:10000צעד:100יחידות:ms | snoneמ-transition-property: ללא מעבר.allמ-transition-property: כל המאפיינים הניתנים להנפשה.easeeasing: מהיר בהתחלה, מאט בסוף (ברירת מחדל).lineareasing: קצב אחיד.ease-ineasing: מתחיל לאט.ease-outeasing: מסתיים לאט.ease-in-outeasing: לאט בקצוות.step-starteasing: קופץ מיד לערך הסופי.step-endeasing: קופץ לערך הסופי בסוף.jump-starteasing (steps): קפיצה בתחילת כל מקטע.jump-endeasing (steps): קפיצה בסוף כל מקטע.jump-noneeasing (steps): אין קפיצה בקצוות — הערכים הראשון והאחרון מוחזקים.jump-botheasing (steps): קפיצה גם בהתחלה וגם בסוף.starteasing (steps): שם חלופי ל-jump-start.endeasing (steps): שם חלופי ל-jump-end.normalמ-transition-behavior: התנהגות ברירת מחדל — רק מאפיינים הניתנים להנפשה.allow-discreteמ-transition-behavior: מאפשר מעבר גם למאפיינים דיסקרטיים כגון display.cubic-bezier()easing מותאם אישית: cubic-bezier(x1, y1, x2, y2).steps()easing: steps(n, position?) חלוקה למקטעים.linear()easing: linear() עם נקודות בקרה מותאמות.CSS Transitions Module Level 1Working DraftW3CMDNHover over meShow all codeערוך CSS און-לייןהתוסף שזוכר עבורך מאות פריטי CSSכל פרופרטי CSS — בהדגמה חיהמקור הייחוס הדו-לשוני ל-CSSהגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותיתpreviousnext
