opacity

Summary

The opacity attribute specifies the transparency of an object or of a group of objects.

Applies to	?

### Syntax

opacity: opacity-value | inherit

opacity-value is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

This example shows how to draw a circle with 50% opacity.



<svg width="400" height="400">
  <circle cx="100" cy="100" r="50" fill="tomato" opacity="0.5" />
</svg>