SVG examples

You are in: Example: Linear Gradient

Example: Linear Gradient

Cathegory

Example

Result

Explanation

Linear gradients are defined by a 'linearGradient' element. 'x1', 'y1', 'x2', 'y2' define a gradient vector for the linear gradient. This gradient vector provides starting and ending points onto which the gradient stops are mapped. The values of x1, y1, x2, y2 can be either numbers or percentages.

Further information:

http://www.w3.org/TR/SVG11/pservers.html#LinearGradients

Code

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100">
</svg>