CodePen Embed - svg gradient 3

<svg width="100%">
  <linearGradient id="gradient">
    <stop offset="0%" style="stop-color: red; stop-opacity: 1" />
    <stop offset="50%" style="stop-color: yellow; stop-opacity: .3" />
    <stop offset="100%" style="stop-color: green; stop-opacity: 1" />
  </linearGradient>
  <rect x="20" y="20" width="300" height="100" style="fill: url(#gradient)"></rect>
</svg>

This Pen is owned by deathhell on CodePen.

See more by @deathhell on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.