The function's result is an object of the data type, which is a special kind of.

It's similar to gradient/linear-gradient() and takes the same arguments, but it repeats the color stops infinitely in all directions to cover its entire container. Repeating-linear-gradient(): The repeating-linear-gradient() CSS function creates an image consisting of repeating linear gradients. The result of the conic-gradient() function is an object of the data type, which is a special kind of. Examples of conic gradients include pie charts and color wheels. Ĭonic-gradient(): The conic-gradient() CSS function creates an image consisting of a gradient with color transitions rotated around a center point (rather than radiating from the center). Radial-gradient(): The radial-gradient() CSS function creates an image consisting of a progressive transition between two or more colors that radiate from an origin. Its result is an object of the data type, which is a special kind of. Linear-gradient(): The linear-gradient() CSS function creates an image consisting of a progressive transition between two or more colors along a straight line. You can also create repeating gradients with the repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() functions. There are three types of gradients: linear (created with the linear-gradient() function), radial (created with the radial-gradient() function), and conic (created with the conic-gradient() function). Use the background-image CSS property to declare gradients as a background.

CSS gradients provide better control and performance over using an actual image file of a gradient that you can create using tools like Adobe Illustrator. A CSS gradient displays a smooth transition using two or more specified colors.

Simple gradient css background