Прозрачность заливки

Управлять прозрачностью заливки можно с помощью свойства fill-opacity. Прозрачность также можно задавать как атрибутом, так и через CSS.

Значение задаётся числом от 0 до 1, например:

<rect width="150" height="100" fill="gold" fill-opacity="0.5"></rect>

rect {
  fill: gold;
  fill-opacity: 0.5;
}

Прозрачность работает для всех видов заливок, в том числе для градиентов и паттернов:

SVG

CSS

svg { border: 1px solid #dddddd; } .shape-opacity { fill: yellowgreen; }

ЗадачиВыполнено