@deniskins23

Как сделать изображение под прозрачным фоном svg?

Доброго времени суток.
Кто может подсказать как реализовать такое5c8bb28ba8da1473133390.png
Суть в том, что по сути оба круга(белый и прозрачный, так же как и зеленая часть внизу) я так полагаю лучше делать svg.
Но как сделать чтобы изображение было под "стеклом" прозрачным элемента svg?
Пробовал найти решение, не получилось..В структуре html тоже как-то смутно представляю себе.
Прозрачность то svg можно сделать через fill-opacity но как реализовать в целом..
Кто может подсказать?
  • Вопрос задан
  • 468 просмотров
Решения вопроса 1
RAX7
@RAX7
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
DeLaVega
@DeLaVega
Верстаю, фронтэндю =)
При чём тут СВГ вообще?!

У вас блок с набором дивов и псевдоэлементов.

Накладываете всё слоями. Начиная снизу:
Фоновая картинка (размытая)
Голубой полупрозрачный круг с огромной тенью, которая делает зелёную область
Белый круг и на этом же уровне мелкие круги и круг, который даёт овал снизу.

всё.
Ответ написан
@rogiivs
Требуется ваша профессиональная помощь, ужасные вещи происходят - я не могу увидеть прозрачный круг! Но если я правильно вас понял то могу предложить сделать вот так, вез SVG:
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы