This page is Almost Ready

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.



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" />

Related specifications

SVG 1.1
W3C Recommendation