| attr() |
Retrieve the value of an attribute of the selected element and use it in the stylesheet. |
| blur() |
Applies a blur effect to the image. |
| brightness() |
Defines visual effects (brightness effects) to an element. |
| calc() |
Perform calculations when specifying CSS property values. |
| circle() |
Defines a circle using a radius and a position. |
| clamp() |
Defines clamps a value between an upper and lower bound. |
| conic-gradient() |
Creates an image consisting of a gradient with color transitions rotated around a center point. |
| contrast() |
Defines visual effects (contrast effects) to an element. |
| counters() |
Sets nested counters, returning a concatenated string representing the current values of the named counters, if there are any. |
| cross-fade() |
Sets blend two or more images at a defined transparency. |
| cubic-bezier() |
Defines a cubic Bézier curve. |
| drop-shadow() |
Defines a drop shadow effect to the image. |
| ellipse() |
Defines an ellipse using two radii and a position. |
| grayscale() |
Converts the image to grayscale. |
| hsl() |
Specifies colors using the Hue-Saturation-Lightness model. |
| hsla() |
Specifies colors using the Hue-Saturation-Lightness-Alpha model. |
| hue-rotate() |
Defines a hue rotation on the image. |
| hwb() |
Notation expresses a given color according to its hue, whiteness, and blackness. |
| inset() |
Defines an inset rectangle. |
| invert() |
defines visual effects (invert effects) to an element. |
| linear-gradient() |
Creates an image consisting of a progressive transition between two or more colors along a straight line. |
| matrix() |
Defines a homogeneous 2D transformation matrix. |
| matrix3d() |
Defines a 3D transformation as a 4x4 homogeneous matrix. |
| max() |
Uses the largest (most positive) value from a list of comma-separated expressions as the value of a CSS property value. |
| min() |
Uses the smallest (most negative) value from a list of comma-separated expressions as the value of a CSS property value. |
| minmax() |
Defines a size range greater than or equal to min and less than or equal to max. |
| opacity() |
Defines the opacity level for the image. |
| path() |
Defines a shape using an SVG fill-rule and an SVG path definition. |
| perspective() |
Defines a transformation that sets the distance between the user and the z=0 plane |
| polygon() |
Defines a polygon using an SVG fill-rule and a set of vertices. |
| radial-gradient() |
Creates an image consisting of a progressive transition between two or more colors that radiate from an origin. |
| repeating-conic-gradient() |
Creates an image consisting of a repeating gradient with color transitions rotated around a center point. |
| repeating-linear-gradient() |
Creates an image consisting of repeating linear gradients. |
| repeating-radial-gradient() |
Creates repeat radial gradients. |
| rgb() |
Defines a given color in the sRGB color space according to its red, green, and blue components. |
| rgba() |
Defines a given color in the sRGB color space according to its red, green, and blue components. |
| rotate() |
Defines a transformation that rotates an element around a fixed point on the 2D plane, without deforming it. |
| rotate3d() |
Defines a transformation that rotates an element around a fixed axis in 3D space, without deforming it. |
| rotateX() |
Defines a transformation that rotates an element around the abscissa (horizontal axis) without deforming it. |
| rotateY() |
Defines a transformation that rotates an element around the ordinate (vertical axis) without deforming it. |
| rotateZ() |
Defines a transformation that rotates an element around the z-axis without deforming it. |
| saturate() |
Saturates the image. |
| scale() |
Defines a transformation that resizes an element on the 2D plane. |
| scale3d() |
Defines a transformation that resizes an element in 3D space. |
| scaleX() |
Defines a transformation that resizes an element along the x-axis (horizontally). |
| scaleY() |
Defines a transformation that resizes an element along the y-axis (vertically). |
| scaleZ() |
Defines a transformation that resizes an element along the z-axis. |
| sepia() |
Converts the image to sepia. |
| skew() |
Defines a transformation that skews an element on the 2D plane. |
| skewX() |
Defines a transformation that skews an element in the horizontal direction on the 2D plane. |
| skewY() |
Defines a transformation that skews an element in the vertical direction on the 2D plane. |
| translate() |
Repositions an element in the horizontal and/or vertical directions. |
| translate3d() |
Repositions an element in 3D space. |
| translateX() |
Repositions an element horizontally on the 2D plane. |
| translateY() |
Repositions an element vertically on the 2D plane. |
| translateZ() |
Repositions an element along the z-axis in 3D space, i.e., closer to or farther away from the viewer. |
| url() |
Specifies the parameter is an absolute URL, a relative URL, a blob URL, or a data URL. |
| var() |
Specifies the value of a custom property (CSS variable) instead of any part of a value of another property. |