CodePen Embed - degradado radial svg

<svg>
  
   <defs>
    <radialGradient id="degradadoRadial" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
      <stop offset="0%" style="stop-color:black; stop-opacity:.2" />
      <stop offset="100%" style="stop-color:green; stop-opacity:1" />
    </radialGradient>
  </defs>
  <rect x="10" y="50" stroke="black" />
  
</svg>

rect{
  width:100px;
  height:100px;
  fill: url(#degradadoRadial);
}

This Pen is owned by CVDGP on CodePen.

See more by @cvdgp on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.