/* copy code */
<svg width="300" height="350" style="border: 3px solid #00ffff;">
<linearGradient id="gradientColor">
<stop offset="0%" stop-color="#000000"></stop>
<stop offset="25%" stop-color="#ffff00"></stop>
<stop offset="50%" stop-color="#ff0000"></stop>
<stop offset="75%" stop-color="#00ff00"></stop>
<stop offset="100%" stop-color="#0000ff"></stop>
</linearGradient>
<rect x="25" y="25" rx="0" ry="0" width="250" height="300" fill="url(#gradientColor)" />
Sorry, your browser does not support SVG element.
</svg>
/* end code */
Short | Full |
---|---|
Bg | SVG Background Color |
W | SVG Width |
H | SVG Height |
BW | SVG Border Width |
BS | SVG Border Style |
BC | SVG Border Color |
C (1,2,3,4,5) | Colors for Gradient |
V (1,2,3,4,5) | Values for colors |