{ "abs()": { "syntax": "abs( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/abs" }, "acos()": { "syntax": "acos( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/acos" }, "anchor()": { "syntax": "anchor( ? && , ? )", "groups": [ "CSS Anchor Positioning" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor" }, "anchor-size()": { "syntax": "anchor-size( [ || ]? , ? )", "groups": [ "CSS Anchor Positioning" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-size" }, "asin()": { "syntax": "asin( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/asin" }, "atan()": { "syntax": "atan( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan" }, "atan2()": { "syntax": "atan2( , )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan2" }, "attr()": { "syntax": "attr( ? , ? )", "groups": [ "CSS Values and Units" ], "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 Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc" }, "calc-size()": { "syntax": "calc-size( , )", "groups": [ "CSS Values and Units" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc-size" }, "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 Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clamp" }, "color()": { "syntax": "color( [ from ]? [ / [ | none ] ]? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color" }, "color-mix()": { "syntax": "color-mix( , [ && ? ]#{2})", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color-mix" }, "conic-gradient()": { "syntax": "conic-gradient( [ ] )", "groups": [ "CSS Images" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/conic-gradient" }, "contrast()": { "syntax": "contrast( [ | ]? )", "groups": [ "Filter Effects" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/contrast" }, "cos()": { "syntax": "cos( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cos" }, "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": [ "CSS Images" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cross-fade" }, "cubic-bezier()": { "syntax": "cubic-bezier( [ , ]#{2} )", "groups": [ "CSS Easing Functions" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/easing-function/cubic-bezier" }, "drop-shadow()": { "syntax": "drop-shadow( [ ? && {2,3} ] )", "groups": [ "Filter Effects" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/drop-shadow" }, "element()": { "syntax": "element( )", "groups": [ "CSS Images" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/element" }, "ellipse()": { "syntax": "ellipse( ? [ at ]? )", "groups": [ "CSS Shapes" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/ellipse" }, "env()": { "syntax": "env( , ? )", "groups": [ "CSS Environment Variables" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env" }, "exp()": { "syntax": "exp( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/exp" }, "fit-content()": { "syntax": "fit-content( )", "groups": [ "CSS Box Sizing", "CSS Grid Layout" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/fit-content_function" }, "grayscale()": { "syntax": "grayscale( [ | ]? )", "groups": [ "Filter Effects" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/grayscale" }, "hsl()": { "syntax": "hsl( , , , ? ) | hsl( [ | none ] [ | | none ] [ | | none ] [ / [ | none ] ]? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl" }, "hsla()": { "syntax": "hsla( , , , ? ) | hsla( [ | none ] [ | | none ] [ | | none ] [ / [ | none ] ]? )", "groups": [ "CSS Color" ], "status": "nonstandard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl" }, "hue-rotate()": { "syntax": "hue-rotate( [ | ]? )", "groups": [ "Filter Effects" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/hue-rotate" }, "hwb()": { "syntax": "hwb( [ | none ] [ | | none ] [ | | none ] [ / [ | none ] ]? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hwb" }, "hypot()": { "syntax": "hypot( # )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/hypot" }, "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" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/invert" }, "lab()": { "syntax": "lab( [ | | none] [ | | none] [ | | none] [ / [ | none] ]? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/lab" }, "layer()": { "syntax": "layer( )", "groups": [ "CSS Cascading and Inheritance" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@import/layer_function" }, "lch()": { "syntax": "lch( [ | | none] [ | | none] [ | none] [ / [ | none] ]? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/lch" }, "leader()": { "syntax": "leader( )", "groups": [ "CSS Generated Content" ], "status": "experimental" }, "light-dark()": { "syntax": "light-dark( , )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/light-dark" }, "linear()": { "syntax": "linear( [ && {0,2} ]# )", "groups": [ "CSS Easing Functions" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/easing-function/linear" }, "linear-gradient()": { "syntax": "linear-gradient( [ ] )", "groups": [ "CSS Images" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/linear-gradient" }, "log()": { "syntax": "log( , ? )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/log" }, "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 Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/max" }, "min()": { "syntax": "min( # )", "groups": [ "CSS Values and Units" ], "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 Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/minmax" }, "mod()": { "syntax": "mod( , )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/mod" }, "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" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/opacity" }, "paint()": { "syntax": "paint( , ? )", "groups": [ "CSS Houdini" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/paint" }, "palette-mix()": { "syntax": "palette-mix( , [ [normal | light | dark | | ] && ? ]#{2})", "groups": [ "CSS Fonts" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/font-palette/palette-mix" }, "path()": { "syntax": "path( <'fill-rule'>? , )", "groups": [ "CSS Shapes" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/path" }, "perspective()": { "syntax": "perspective( [ | none ] )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/perspective" }, "polygon()": { "syntax": "polygon( <'fill-rule'>? , [ ]# )", "groups": [ "CSS Shapes" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/polygon" }, "pow()": { "syntax": "pow( , )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/pow" }, "radial-gradient()": { "syntax": "radial-gradient( [ ] )", "groups": [ "CSS Images" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/radial-gradient" }, "ray()": { "syntax": "ray( && ? && contain? && [at ]? )", "groups": [ "Motion Path" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ray" }, "rect()": { "syntax": "rect( [ | auto ]{4} [ round <'border-radius'> ]? )", "groups": [ "CSS Shapes" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/rect" }, "rem()": { "syntax": "rem( , )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/rem" }, "repeating-conic-gradient()": { "syntax": "repeating-conic-gradient( [ ] )", "groups": [ "CSS Images" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-conic-gradient" }, "repeating-linear-gradient()": { "syntax": "repeating-linear-gradient( [ ] )", "groups": [ "CSS Images" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-linear-gradient" }, "repeating-radial-gradient()": { "syntax": "repeating-radial-gradient( [ ] )", "groups": [ "CSS Images" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-radial-gradient" }, "rgb()": { "syntax": "rgb( #{3} , ? ) | rgb( #{3} , ? ) | rgb( [ | | none ]{3} [ / [ | none ] ]? )", "groups": [ "CSS Color" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb" }, "rgba()": { "syntax": "rgba( #{3} , ? ) | rgba( #{3} , ? ) | rgba( [ | | none ]{3} [ / [ | none ] ]? )", "groups": [ "CSS Color" ], "status": "nonstandard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb" }, "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" }, "round()": { "syntax": "round( ?, , )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/round" }, "saturate()": { "syntax": "saturate( [ | ]? )", "groups": [ "Filter Effects" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/saturate" }, "scale()": { "syntax": "scale( [ | ]#{1,2} )", "groups": [ "CSS Transforms" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scale" }, "scale3d()": { "syntax": "scale3d( [ | ]#{3} )", "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": [ "Scroll-driven Animations" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/scroll" }, "sepia()": { "syntax": "sepia( [ | ]? )", "groups": [ "Filter Effects" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/sepia" }, "sign()": { "syntax": "sign( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sign" }, "sin()": { "syntax": "sin( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sin" }, "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" }, "sqrt()": { "syntax": "sqrt( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sqrt" }, "steps()": { "syntax": "steps( , ? )", "groups": [ "CSS Easing Functions" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/easing-function/steps" }, "symbols()": { "syntax": "symbols( ? [ | ]+ )", "groups": [ "CSS Counter Styles" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/symbols" }, "tan()": { "syntax": "tan( )", "groups": [ "CSS Values and Units" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/tan" }, "target-counter()": { "syntax": "target-counter( [ | ] , , ? )", "groups": [ "CSS Generated Content" ], "status": "experimental" }, "target-counters()": { "syntax": "target-counters( [ | ] , , , ? )", "groups": [ "CSS Generated Content" ], "status": "experimental" }, "target-text()": { "syntax": "target-text( [ | ] , [ content | before | after | first-letter ]? )", "groups": [ "CSS Generated Content" ], "status": "experimental" }, "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 Custom Properties for Cascading Variables" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/var" }, "view()": { "syntax": "view([ || <'view-timeline-inset'>]?)", "groups": [ "Scroll-driven Animations" ], "status": "experimental", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/view" }, "xywh()": { "syntax": "xywh( {2} {2} [ round <'border-radius'> ]? )", "groups": [ "CSS Shapes" ], "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/xywh" } }