nick34992
2/25/2017 - 5:02 PM

SVG: svg, circle: Overlapping SVG Circles at 50% Opacity

SVG: svg, circle: Overlapping SVG Circles at 50% Opacity

<!DOCTYPE html>
<html>
  <body>
    <svg width="720" height="400">
      <circle cx="150" cy="150" r="100" style="fill:red" opacity="0.5" />
      <circle cx="250" cy="150" r="100" style="fill:green" opacity="0.5" />
      <circle cx="200" cy="250" r="100" style="fill:rgba(0, 0, 255, 0.5)" />
    </svg>
  </body>
</html>