styleditor.net styleditor.net styleditor.net styleditor.net עברית 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-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

The CSS Propertie interpolate-size

The interpolate-size property controls whether intrinsic-size keywords (auto, fit-content, max-content) can interpolate with lengths during animation. Previously impossible; allow-keywords enables smooth animations from auto to a numeric value. :root { interpolate-size: allow-keywords; } details { interpolate-size: allow-keywords; transition: height 300ms ease; } numeric-onlyIntrinsic-size keywords cannot interpolate (default for compatibility).allow-keywordsInterpolation allowed between auto/fit-content/max-content/min-content and lengths — enables smooth animations. CSS Values and Units Module Level 5 Editor's Draft W3CMDN

Over Me

  • HTML
  • JavaScript
  • CSS
  • PHP
Show all code
Edit CSS online The plugin that remembers hundreds of CSS items for you Every CSS property — in a live demonstration The bilingual CSS reference
definitionexamplessyntaxmodulespecificationsourcesvisual demonstration