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

Управлять прозрачностью заливки можно с помощью свойства 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-фигур» тренажёра «Внутреннее устройство SVG» можно после регистрации и оформления подписки.

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