scale
Description
The scale function for CSS specifies a 2D scale operation by the [sx,sy] scaling vector described by the 2 parameters. If the second parameter is not provided, it takes a value equal to the first.
Syntax
CSS
scale()
Values
<scale()> = scale( [ <number> | <percentage> ]#{1,2} )
<number>
An integer or zero or more decimal digits followed by a dot (.) followed by one or more decimal digits. The first character may be preceded by a sign (- or +). The last character may be succeeded by an exponent (e or E) and an integer.
<percentage>
Specifies the percentage using a number followed by a percent sign (%).
Examples
1 · number
2 · percentage
3 · JS
Links
Related
Functions
- abs
- acos
- asin
- atan
- atan2
- attr
- calc
- clamp
- color
- conic-gradient
- cos
- counter
- counters
- hsl
- hsla
- hwb
- lab
- lch
- linear-gradient
- matrix
- matrix3d
- max
- min
- mod
- oklab
- oklch
- param
- perspective
- radial-gradient
- rem
- repeating-conic-gradient
- repeating-linear-gradient
- repeating-radial-gradient
- rgb
- rgba
- rotate
- rotate3d
- rotateX
- rotateY
- rotateZ
- round
- scale3d
- scaleX
- scaleY
- scaleZ
- sin
- skew
- skewX
- skewY
- src
- tan
- translate
- translate3d
- translateX
- translateY
- translateZ
- url
- var