Home » CSS

CSS Functions

Like other programming languages, CSS also has various functions which are used as a value for various CSS properties.

List of CSS Functions

Function	Description
calc()	It is used to allow to perform various calculations to determine CSS property value.
hsl()	It is used to define colors using the Hue-Saturation-Lightness model (HSL).
hsla()	It is used to define colors using the Hue-Saturation-Lightness-Alpha model (HSLA).
rgb()	It is used to define the color values by making use of the RGB (Red, Green, and Blue) model.
rgba()	It is used to define the color values by making use of the RGBA (Red, Green, Blue, and Alpha) model.
linear-gradient()	It helps in creating an image that comprises the progressive transition of two or more colors, therefore, as result, we get a gradient which is a newly formed image.
radial-gradient()	The radial-function() tends to start with a single point generally and then emanated outward. Therefore, the center consists of the first color by default of the element and gradually that color starts to fade out as it reaches the perimeter of the element.
repeating-linear-gradient()	It helps in creating an image that comprises the progressive transition of two or more colors with their percentage, therefore, as result, we get a gradient which is a newly formed image with multiple linear-gradients.
repeating-radial-gradient()	The repeating-radial function() is nothing but a function built-in for CSS. The purpose of this function is to set the radial gradient as a type of background image that repeats over and over again.
cubic-bezier()	The cubic-bezier() function is used to denote a certain type of curve and that curve is known as the cubic-bezier curve. To plot this curve, it is mainly denoted by 4 points that could be P0, P1, P2 & P3. Here, the points P0 and P3 are representing the start and the end of the curve and these points will always be fixed.