• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 6. Creating SVG Gradients > The <radialGradient> Element

The <radialGradient> Element

The second type of gradient provided in SVG is the radial gradient. It is defined within a <radialGradient> element nested within the <defs> element of an SVG document:

<radialGradient id="MyRadialGradient" 
gradientUnits="userSpaceOnUse" 
cx="100" cy="100" r="50" fx="100" fy="100"> 
<stop offset="20%" style="stop-color:#990066"/> 
<stop offset="70%" style="stop-color:pink"/> 
</radialGradient> 


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint