| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839 |
- {
- "abs()": {
- "syntax": "abs( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/abs"
- },
- "acos()": {
- "syntax": "acos( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/acos"
- },
- "anchor()": {
- "syntax": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )",
- "groups": [
- "CSS Anchor Positioning"
- ],
- "status": "experimental",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor"
- },
- "anchor-size()": {
- "syntax": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
- "groups": [
- "CSS Anchor Positioning"
- ],
- "status": "experimental",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-size"
- },
- "asin()": {
- "syntax": "asin( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/asin"
- },
- "atan()": {
- "syntax": "atan( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan"
- },
- "atan2()": {
- "syntax": "atan2( <calc-sum>, <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan2"
- },
- "attr()": {
- "syntax": "attr( <attr-name> <attr-type>? , <declaration-value>? )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/attr"
- },
- "blur()": {
- "syntax": "blur( <length>? )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/blur"
- },
- "brightness()": {
- "syntax": "brightness( [ <number> | <percentage> ]? )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/brightness"
- },
- "calc()": {
- "syntax": "calc( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc"
- },
- "calc-size()": {
- "syntax": "calc-size( <calc-size-basis>, <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "experimental",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc-size"
- },
- "circle()": {
- "syntax": "circle( <radial-size>? [ at <position> ]? )",
- "groups": [
- "CSS Shapes"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/circle"
- },
- "clamp()": {
- "syntax": "clamp( <calc-sum>#{3} )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clamp"
- },
- "color()": {
- "syntax": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color"
- },
- "color-mix()": {
- "syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color-mix"
- },
- "conic-gradient()": {
- "syntax": "conic-gradient( [ <conic-gradient-syntax> ] )",
- "groups": [
- "CSS Images"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/conic-gradient"
- },
- "contrast()": {
- "syntax": "contrast( [ <number> | <percentage> ]? )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/contrast"
- },
- "cos()": {
- "syntax": "cos( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cos"
- },
- "counter()": {
- "syntax": "counter( <counter-name>, <counter-style>? )",
- "groups": [
- "CSS Lists and Counters"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counter"
- },
- "counters()": {
- "syntax": "counters( <counter-name>, <string>, <counter-style>? )",
- "groups": [
- "CSS Lists and Counters"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/counters"
- },
- "cross-fade()": {
- "syntax": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
- "groups": [
- "CSS Images"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cross-fade"
- },
- "cubic-bezier()": {
- "syntax": "cubic-bezier( [ <number [0,1]>, <number> ]#{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( [ <color>? && <length>{2,3} ] )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/drop-shadow"
- },
- "element()": {
- "syntax": "element( <id-selector> )",
- "groups": [
- "CSS Images"
- ],
- "status": "experimental",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/element"
- },
- "ellipse()": {
- "syntax": "ellipse( <radial-size>? [ at <position> ]? )",
- "groups": [
- "CSS Shapes"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/ellipse"
- },
- "env()": {
- "syntax": "env( <custom-ident> , <declaration-value>? )",
- "groups": [
- "CSS Environment Variables"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env"
- },
- "exp()": {
- "syntax": "exp( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/exp"
- },
- "fit-content()": {
- "syntax": "fit-content( <length-percentage [0,∞]> )",
- "groups": [
- "CSS Box Sizing",
- "CSS Grid Layout"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/fit-content_function"
- },
- "grayscale()": {
- "syntax": "grayscale( [ <number> | <percentage> ]? )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/grayscale"
- },
- "hsl()": {
- "syntax": "hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl"
- },
- "hsla()": {
- "syntax": "hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "nonstandard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl"
- },
- "hue-rotate()": {
- "syntax": "hue-rotate( [ <angle> | <zero> ]? )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/hue-rotate"
- },
- "hwb()": {
- "syntax": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hwb"
- },
- "hypot()": {
- "syntax": "hypot( <calc-sum># )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/hypot"
- },
- "image()": {
- "syntax": "image( <image-tags>? [ <image-src>? , <color>? ]! )",
- "groups": [
- "CSS Images"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/image"
- },
- "image-set()": {
- "syntax": "image-set( <image-set-option># )",
- "groups": [
- "CSS Images"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/image-set"
- },
- "inset()": {
- "syntax": "inset( <length-percentage>{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( [ <number> | <percentage> ]? )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/invert"
- },
- "lab()": {
- "syntax": "lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/lab"
- },
- "layer()": {
- "syntax": "layer( <layer-name> )",
- "groups": [
- "CSS Cascading and Inheritance"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@import/layer_function"
- },
- "lch()": {
- "syntax": "lch( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/lch"
- },
- "leader()": {
- "syntax": "leader( <leader-type> )",
- "groups": [
- "CSS Generated Content"
- ],
- "status": "experimental"
- },
- "light-dark()": {
- "syntax": "light-dark( <color>, <color> )",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/light-dark"
- },
- "linear()": {
- "syntax": "linear( [ <number> && <percentage>{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( [ <linear-gradient-syntax> ] )",
- "groups": [
- "CSS Images"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/linear-gradient"
- },
- "log()": {
- "syntax": "log( <calc-sum>, <calc-sum>? )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/log"
- },
- "matrix()": {
- "syntax": "matrix( <number>#{6} )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix"
- },
- "matrix3d()": {
- "syntax": "matrix3d( <number>#{16} )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/matrix3d"
- },
- "max()": {
- "syntax": "max( <calc-sum># )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/max"
- },
- "min()": {
- "syntax": "min( <calc-sum># )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/min"
- },
- "minmax()": {
- "syntax": "minmax( [ <length-percentage> | min-content | max-content | auto ] , [ <length-percentage> | <flex> | 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( <calc-sum>, <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/mod"
- },
- "oklab()": {
- "syntax": "oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/oklab"
- },
- "oklch()": {
- "syntax": "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/oklch"
- },
- "opacity()": {
- "syntax": "opacity( [ <number> | <percentage> ]? )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/opacity"
- },
- "paint()": {
- "syntax": "paint( <ident>, <declaration-value>? )",
- "groups": [
- "CSS Houdini"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/paint"
- },
- "palette-mix()": {
- "syntax": "palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})",
- "groups": [
- "CSS Fonts"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/font-palette/palette-mix"
- },
- "path()": {
- "syntax": "path( <'fill-rule'>? , <string> )",
- "groups": [
- "CSS Shapes"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/path"
- },
- "perspective()": {
- "syntax": "perspective( [ <length [0,∞]> | none ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/perspective"
- },
- "polygon()": {
- "syntax": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )",
- "groups": [
- "CSS Shapes"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/polygon"
- },
- "pow()": {
- "syntax": "pow( <calc-sum>, <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/pow"
- },
- "radial-gradient()": {
- "syntax": "radial-gradient( [ <radial-gradient-syntax> ] )",
- "groups": [
- "CSS Images"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/radial-gradient"
- },
- "ray()": {
- "syntax": "ray( <angle> && <ray-size>? && contain? && [at <position>]? )",
- "groups": [
- "Motion Path"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ray"
- },
- "rect()": {
- "syntax": "rect( [ <length-percentage> | 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( <calc-sum>, <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/rem"
- },
- "repeating-conic-gradient()": {
- "syntax": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
- "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( [ <linear-gradient-syntax> ] )",
- "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( [ <radial-gradient-syntax> ] )",
- "groups": [
- "CSS Images"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-radial-gradient"
- },
- "rgb()": {
- "syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb"
- },
- "rgba()": {
- "syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]? )",
- "groups": [
- "CSS Color"
- ],
- "status": "nonstandard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb"
- },
- "rotate()": {
- "syntax": "rotate( [ <angle> | <zero> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate"
- },
- "rotate3d()": {
- "syntax": "rotate3d( <number> , <number> , <number> , [ <angle> | <zero> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotate3d"
- },
- "rotateX()": {
- "syntax": "rotateX( [ <angle> | <zero> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateX"
- },
- "rotateY()": {
- "syntax": "rotateY( [ <angle> | <zero> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateY"
- },
- "rotateZ()": {
- "syntax": "rotateZ( [ <angle> | <zero> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateZ"
- },
- "round()": {
- "syntax": "round( <rounding-strategy>?, <calc-sum>, <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/round"
- },
- "saturate()": {
- "syntax": "saturate( [ <number> | <percentage> ]? )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/saturate"
- },
- "scale()": {
- "syntax": "scale( [ <number> | <percentage> ]#{1,2} )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scale"
- },
- "scale3d()": {
- "syntax": "scale3d( [ <number> | <percentage> ]#{3} )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scale3d"
- },
- "scaleX()": {
- "syntax": "scaleX( [ <number> | <percentage> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleX"
- },
- "scaleY()": {
- "syntax": "scaleY( [ <number> | <percentage> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleY"
- },
- "scaleZ()": {
- "syntax": "scaleZ( [ <number> | <percentage> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/scaleZ"
- },
- "scroll()": {
- "syntax": "scroll( [ <scroller> || <axis> ]? )",
- "groups": [
- "Scroll-driven Animations"
- ],
- "status": "experimental",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/scroll"
- },
- "sepia()": {
- "syntax": "sepia( [ <number> | <percentage> ]? )",
- "groups": [
- "Filter Effects"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/sepia"
- },
- "sign()": {
- "syntax": "sign( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sign"
- },
- "sin()": {
- "syntax": "sin( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sin"
- },
- "skew()": {
- "syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skew"
- },
- "skewX()": {
- "syntax": "skewX( [ <angle> | <zero> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skewX"
- },
- "skewY()": {
- "syntax": "skewY( [ <angle> | <zero> ] )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skewY"
- },
- "sqrt()": {
- "syntax": "sqrt( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sqrt"
- },
- "steps()": {
- "syntax": "steps( <integer>, <step-position>? )",
- "groups": [
- "CSS Easing Functions"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/easing-function/steps"
- },
- "symbols()": {
- "syntax": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
- "groups": [
- "CSS Counter Styles"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/symbols"
- },
- "tan()": {
- "syntax": "tan( <calc-sum> )",
- "groups": [
- "CSS Values and Units"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/tan"
- },
- "target-counter()": {
- "syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )",
- "groups": [
- "CSS Generated Content"
- ],
- "status": "experimental"
- },
- "target-counters()": {
- "syntax": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )",
- "groups": [
- "CSS Generated Content"
- ],
- "status": "experimental"
- },
- "target-text()": {
- "syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )",
- "groups": [
- "CSS Generated Content"
- ],
- "status": "experimental"
- },
- "translate()": {
- "syntax": "translate( <length-percentage> , <length-percentage>? )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translate"
- },
- "translate3d()": {
- "syntax": "translate3d( <length-percentage> , <length-percentage> , <length> )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translate3d"
- },
- "translateX()": {
- "syntax": "translateX( <length-percentage> )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateX"
- },
- "translateY()": {
- "syntax": "translateY( <length-percentage> )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateY"
- },
- "translateZ()": {
- "syntax": "translateZ( <length> )",
- "groups": [
- "CSS Transforms"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/translateZ"
- },
- "var()": {
- "syntax": "var( <custom-property-name> , <declaration-value>? )",
- "groups": [
- "CSS Custom Properties for Cascading Variables"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/var"
- },
- "view()": {
- "syntax": "view([<axis> || <'view-timeline-inset'>]?)",
- "groups": [
- "Scroll-driven Animations"
- ],
- "status": "experimental",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/view"
- },
- "xywh()": {
- "syntax": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
- "groups": [
- "CSS Shapes"
- ],
- "status": "standard",
- "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/xywh"
- }
- }
|