Prev Demo
Radial Gradient
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title>Radial gradient</title> </head> <body> <h3 style="color:darkmagenta"><i>Sample SVG Radial Gradient</i></h3> <svg width="300" height="300" style="border:1px dotted green"> <radialGradient id="radial2"> <stop offset="60%" stop-color="blue" /> <stop offset="90%" stop-color="red" /> </radialGradient> <rect x="50" y="60" width="200" height="200" stroke="green" stroke-width="3" fill="url(#radial2)" /> </svg> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
