css interpolate-size

תפריט ראשי

מבוא ל-CSSצבעים ב-CSSפונקציות CSSמחולל דוגמאות CSSטיפים וטריקים ב CSSאודות אתר סי.אס.אס. גייד

מאפייני CSS

accent-coloralignalignment-baselineanchoranimationappearancebackdrop-filterbackgroundbaseline-shiftblock-sizeborderbottomboxcaption-sidecaretclearclip-pathcolorcolumncolumnscontaincontainercontentcornercountercursorcxcydirectiondisplaydominant-baselineempty-cellsfield-sizingfillflexfloatfloodfontgapgridheightimageinitial-letterinline-sizeinsetinteractivityinterpolate-sizeisolationjustifyleftletter-spacingline-heightlistmarginmaskmaxminmix-blend-modeobjectoffsetopacityoutlineoverflowoverscrollpaddingperspectivepointer-eventspositionrresizerightrotaterow-gaprxryscalescrollscrollbartab-sizetable-layouttexttimeline-scopetoptouch-actiontransformtranslateunicode-bidiuser-selectvertical-alignviewvisibilitywhitewidowswidthwordwriting-modexyz-indexzoom

✔️ interpolate-size CSS Style Property

המאפיין interpolate-size מאפשר אנימציה חלקה בין ערכי גודל מילולי כגון auto ו-fit-content.

דוגמא: אפשר אנימציה לגדלי מפתח

Demo Panel:
Hover to expand.
Extra content appears here.
And more content too.
CSS: 111
HTML: 222
Syntax:

Valid values:
  • numeric-only, allow-keywords

Js Syntax: element.style.interpolateSize

תאימות דפדפנים

אודות | הצהרת פרטיות | צור קשר