This attribute specifies the opacity of the color or the content the current object is filled with.
| Categories | Presentation attribute |
|---|---|
| Value | <opacity-value> | inherit |
| Initial value | 1 |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition) |
<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>
The following elements can use the fill-opacity attribute:
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/fill-opacity