SVG Gradients

Help us to keep this website almost Ad Free! It takes only 10 seconds of your time:
> Step 1: Go view our video on YouTube: EF Core Bulk Insert
> Step 2: And Like the video. BONUS: You can also share it!

Parameters

commondefinition
gradientUnitsthe coordinate system of the gradient attributes. Either objectBoundingBox or userSpaceOnUse
gradientTransformthe transform to apply to the gradient contents
spreadMethoddefines what happens outside the gradient boundaries. Either pad, reflect or repeat
xlink:hreflink to another gradient which provides attributes or content
------------
Linear GradientDefinition
------------
x1defines the gradient vector
x2see x1
y1see x1
y2see x1
------------
Radial GradientDefinition
------------
cxthe x coordinate of the outer gradient centre
cythe y coordinate of the outer gradient centre
rthe outer radius of the gradient. The location of a 100% stop
fxthe x coordinate of the inner gradient centre. The location of a 0% stop
fythe y location of the inner gradient centre. The location of a 0% stop

Remarks

SVG is case sensitive so remember to use a capital G in the middle.



Got any SVG Question?