« 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: