{ "anchor()": { "syntax": "anchor( ? && , ? )", "groups": [ "CSS Positioning" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor" }, "anchor-size()": { "syntax": "anchor-size( [ || ]? , ? )", "groups": [ "CSS Positioning" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-size" }, "attr()": { "syntax": "attr( ? [, ]? )", "groups": [ "CSS Generated Content" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/attr" }, "blur()": { "syntax": "blur( )", "groups": [ "Filter Effects" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/blur" }, "brightness()": { "syntax": "brightness( )", "groups": [ "Filter Effects" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/brightness" }, "calc()": { "syntax": "calc( )", "groups": [ "CSS Units", "CSS Lengths" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc" }, "circle()": { "syntax": "circle( [ ]? [ at ]? )", "groups": [ "CSS Shapes" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/circle" }, "clamp()": { "syntax": "clamp( #{3} )", "groups": [ "CSS Fonts" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clamp" }, "conic-gradient()": { "syntax": "conic-gradient( [ from ]? [ at ]?, )", "groups": [ "CSS Backgrounds and Borders", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/conic-gradient" }, "contrast()": { "syntax": "contrast( [ ] )", "groups": [ "Filter Effects", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/contrast" }, "counter()": { "syntax": "counter( , ? )", "groups": [ "CSS Lists and Counters" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counter" }, "counters()": { "syntax": "counters( , , ? )", "groups": [ "CSS Lists and Counters" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counters" }, "cross-fade()": { "syntax": "cross-fade( , ? )", "groups": [ "Filter Effects", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cross-fade" }, "drop-shadow()": { "syntax": "drop-shadow( {2,3} ? )", "groups": [ "Filter Effects", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/drop-shadow" }, "element()": { "syntax": "element( )", "groups": [ "CSS Miscellaneous" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/element" }, "ellipse()": { "syntax": "ellipse( [ {2} ]? [ at ]? )", "groups": [ "CSS Shapes" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/ellipse" }, "env()": { "syntax": "env( , ? )", "groups": [ "CSS Box Model" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env" }, "fit-content()": { "syntax": "fit-content( [ | ] )", "groups": [ "CSS Box Model" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/fit-content" }, "grayscale()": { "syntax": "grayscale( )", "groups": [ "Filter Effects", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/grayscale" }, "hsl()": { "syntax": "hsl( [ / ]? ) | hsl( , , , ? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl" }, "hsla()": { "syntax": "hsla( [ / ]? ) | hsla( , , , ? )", "groups": [ "CSS Color" ], "status": "nonstandard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsla" }, "hue-rotate()": { "syntax": "hue-rotate( )", "groups": [ "Filter Effects", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/hue-rotate" }, "image()": { "syntax": "image( ? [ ? , ? ]! )", "groups": [ "CSS Images" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/image" }, "image-set()": { "syntax": "image-set( # )", "groups": [ "CSS Images" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/image-set" }, "inset()": { "syntax": "inset( {1,4} [ round <'border-radius'> ]? )", "groups": [ "CSS Shapes" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/inset" }, "invert()": { "syntax": "invert( )", "groups": [ "Filter Effects", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/invert" }, "leader()": { "syntax": "leader( )", "groups": [ "CSS Miscellaneous" ], "status": "nonstandard" }, "linear-gradient()": { "syntax": "linear-gradient( [ | to ]? , )", "groups": [ "CSS Backgrounds and Borders", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/linear-gradient" }, "matrix()": { "syntax": "matrix( #{6} )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix" }, "matrix3d()": { "syntax": "matrix3d( #{16} )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix3d" }, "max()": { "syntax": "max( # )", "groups": [ "CSS Units", "CSS Lengths" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/max" }, "min()": { "syntax": "min( # )", "groups": [ "CSS Units", "CSS Lengths" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/min" }, "minmax()": { "syntax": "minmax( [ | | min-content | max-content | auto ] , [ | | | min-content | max-content | auto ] )", "groups": [ "CSS Units", "CSS Lengths" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/minmax" }, "oklab()": { "syntax": "oklab( [ | | none] [ | | none] [ | | none] [ / [ | none] ]? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/oklab" }, "oklch()": { "syntax": "oklch( [ | | none] [ | | none] [ | none] [ / [ | none] ]? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/oklch" }, "opacity()": { "syntax": "opacity( [ ] )", "groups": [ "Filter Effects", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/opacity" }, "path()": { "syntax": "path( [ , ]? )", "groups": [ "CSS Shapes", "CSS Motion Path" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/path" }, "paint()": { "syntax": "paint( , ? )", "groups": [ "CSS Backgrounds and Borders" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/paint" }, "perspective()": { "syntax": "perspective( )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/perspective" }, "polygon()": { "syntax": "polygon( ? , [ ]# )", "groups": [ "CSS Shapes" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/polygon" }, "radial-gradient()": { "syntax": "radial-gradient( [ || ]? [ at ]? , )", "groups": [ "CSS Backgrounds and Borders", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/radial-gradient" }, "ray()": { "syntax": "ray( && ? && contain? && [at ]? )", "groups": [ "CSS Motion Path" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ray" }, "repeating-linear-gradient()": { "syntax": "repeating-linear-gradient( [ | to ]? , )", "groups": [ "CSS Backgrounds and Borders", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/repeating-linear-gradient" }, "repeating-radial-gradient()": { "syntax": "repeating-radial-gradient( [ || ]? [ at ]? , )", "groups": [ "CSS Backgrounds and Borders", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-linear-gradient" }, "rgb()": { "syntax": "rgb( {3} [ / ]? ) | rgb( {3} [ / ]? ) | rgb( #{3} , ? ) | rgb( #{3} , ? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb" }, "rgba()": { "syntax": "rgba( {3} [ / ]? ) | rgba( {3} [ / ]? ) | rgba( #{3} , ? ) | rgba( #{3} , ? )", "groups": [ "CSS Color" ], "status": "nonstandard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgba" }, "rotate()": { "syntax": "rotate( [ | ] )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate" }, "rotate3d()": { "syntax": "rotate3d( , , , [ | ] )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate3d" }, "rotateX()": { "syntax": "rotateX( [ | ] )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateX" }, "rotateY()": { "syntax": "rotateY( [ | ] )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateY" }, "rotateZ()": { "syntax": "rotateZ( [ | ] )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateZ" }, "saturate()": { "syntax": "saturate( )", "groups": [ "Filter Effects", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/saturate" }, "scale()": { "syntax": "scale( , ? )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scale" }, "scale3d()": { "syntax": "scale3d( , , )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scale3d" }, "scaleX()": { "syntax": "scaleX( )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleX" }, "scaleY()": { "syntax": "scaleY( )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleY" }, "scaleZ()": { "syntax": "scaleZ( )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleZ" }, "scroll()": { "syntax": "scroll([ || ]?)", "groups": [ "CSS Animations" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/scroll" }, "skew()": { "syntax": "skew( [ | ] , [ | ]? )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skew" }, "skewX()": { "syntax": "skewX( [ | ] )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skewX" }, "skewY()": { "syntax": "skewY( [ | ] )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skewY" }, "sepia()": { "syntax": "sepia( )", "groups": [ "Filter Effects", "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/sepia" }, "target-counter()": { "syntax": "target-counter( [ | ] , , ? )", "groups": [ "CSS Lists and Counters" ], "status": "nonstandard" }, "target-counters()": { "syntax": "target-counters( [ | ] , , , ? )", "groups": [ "CSS Lists and Counters" ], "status": "nonstandard" }, "target-text()": { "syntax": "target-text( [ | ] , [ content | before | after | first-letter ]? )", "groups": [ "CSS Miscellaneous" ], "status": "nonstandard" }, "translate()": { "syntax": "translate( , ? )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translate" }, "translate3d()": { "syntax": "translate3d( , , )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translate3d" }, "translateX()": { "syntax": "translateX( )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateX" }, "translateY()": { "syntax": "translateY( )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateY" }, "translateZ()": { "syntax": "translateZ( )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateZ" }, "var()": { "syntax": "var( , ? )", "groups": [ "CSS Miscellaneous" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/var" }, "view()": { "syntax": "view([ || <'view-timeline-inset'>]?)", "groups": [ "CSS Animations" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/view" } }