Creating linear and radial gradients with SVG for filling shapes and text Mocktest

An SVG gradient refers to a smooth transition of colors or shades within an SVG graphic, creating visually appealing color effects.

A Linear Gradient creates a smooth transition of colors along a straight line in SVG.

A Linear Gradient is defined using the <linearGradient> element in SVG, specifying attributes like start point, end point, and color stops.

The x1 and y1 attributes are used to specify the starting point of a linear gradient in SVG.

The stop element in an SVG gradient defines a color stop point, indicating where a specific color or shade transition begins or ends within the gradient.

A linear gradient can be applied to a shape in SVG using the fill attribute, specifying fill="url(#gradientID)", where gradientID is the ID of the linear gradient defined in the SVG document.

A Radial Gradient in SVG creates a smooth transition of colors radiating outward from a center point.

A Radial Gradient is defined using the <radialGradient> element in SVG, specifying attributes like center point, radius, and color stops.

The cx and cy attributes specify the center point of a radial gradient in SVG.

A radial gradient can be applied to a shape in SVG using the fill attribute, specifying fill="url(#gradientID)", where gradientID is the ID of the radial gradient defined in the SVG document.