ADVERTISEMENT
ADVERTISEMENT

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.
ADVERTISEMENT



ADVERTISEMENT



Comments and Discussions


ADVERTISEMENT

ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT

Languages: » C » C++ » C++ STL » Java » Data Structure » C#.Net » Android » Kotlin » SQL
Web Technologies: » PHP » Python » JavaScript » CSS » Ajax » Node.js » Web programming/HTML
Solved programs: » C » C++ » DS » Java » C#
Aptitude que. & ans.: » C » C++ » Java » DBMS
Interview que. & ans.: » C » Embedded C » Java » SEO » HR
CS Subjects: » CS Basics » O.S. » Networks » DBMS » Embedded Systems » Cloud Computing
» Machine learning » CS Organizations » Linux » DOS
More: » Articles » Puzzles » News/Updates

© https://www.includehelp.com some rights reserved.