Explain about Gradients in SVG.

Explain about Gradients in SVG

- Smooth transition from color to color is known as gradient.

- Same element can be applied with several color transitions.

- The types of gradients are

1. Linear Gradients: Vertical, horizontal and angular gradients are known as Linear Gradients.
-The tag <linearGradient> within <defs> tag is used to define linear gradients.
-Linear Gradients effects from left to right or right to left or in diagonal directions of the object

2. Radial Gradients: The gradients with one color to another color is known as Radial Gradients.
-Radial Gradients affects the middle part of the image.