---

Search posts under CSS3:

---

CSS3 > Gradients

Gradients

Gradients are used to create design by creating multicolors in the webpage, there are two types of gradients they are

• Linear gradients
• Radial gradients

Linear gradient

It creates the linear transition of the color from one color to another color in one direction to other direction

To define linear gradients, we need to define

• <linear gradient> - It defines the linear gradient tag to define the x and y values
• (x1, y1, x2, y2) - It defines the x axis and y axis of the gradients colors
• <stop off> set is used to define the colors in the linear gradients

Radial gradient

It creates different colors in circular shape which creates color from one color to another color in circular shape 

<radial gradient> - It defines the radial gradient tag to define the x and y value

Read posts under CSS3 > Gradients

1. Gradients