CSS Functions
Alphabetical list of CSS functions included in CSS3.
- attr()
- blur()
- brightness()
- calc()
- circle()
- contrast()
- counter()
- counters()
- cubic-bezier()
- drop-shadow()
- ellipse()
- grayscale()
- hsl()
- hsla()
- hue-rotate()
- hwb()
- image()
- inset()
- invert()
- linear-gradient()
- matrix()
- matrix3d()
- opacity()
- perspective()
- polygon()
- radial-gradient()
- repeating-linear-gradient()
- repeating-radial-gradient()
- rgb()
- rgba()
- rotate()
- rotate3d()
- rotateX()
- rotateY()
- rotateZ()
- saturate()
- sepia()
- scale()
- scale3d()
- scaleX()
- scaleY()
- scaleZ()
- skew()
- skewX()
- skewY()
- symbols()
- translate()
- translate3d()
- translateX()
- translateY()
- translateZ()
- url()
About these CSS Functions
CSS functions are used as a value for various CSS properties. For example, you can use the rgb() function to provide a color value (such as color: rgb(255, 0, 215)), or the attr() function to retrieve the value of an HTML attribute.
Many functions are used in CSS transforms. For example, the rotate() function can be used to rotate an element, the scale() function can be used to change the size of an element, and the translate() function can be used to move an element.
There are also other handy functions, such as circle() to clip an element to a circle or to create circle for text to flow around, and the calc() function that can be used to provide a calculated value for a property.