« SVG Attribute reference home

This attribute specifies the opacity of the color or the content the current object is filled with.

Usage context

Categories Presentation attribute
Value <opacity-value> | inherit
Initial value 1
Animatable Yes
Normative document SVG 1.1 (2nd Edition)

Example

SVG

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" />
</svg>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <circle cx="100" cy="100" r="100" fill-opacity="0.25" />
</svg>

Result

Elements

The following elements can use the fill-opacity attribute:

See also

Document Tags and Contributors

 Contributors to this page: jalbertbowden, kscarfone, Jeremie, ratcliffe_mike
 Last updated by: jalbertbowden,