Как сверстать данную секцию лэндинга?

Question

[Terebbon]

Справа здесь видно узор в виде кружка полупрозрачного, как это возможно реализовать?

Comments

[Denis Melnikov]

SVG с градиентом ?

[xonar]

Denis Melnikov, Тут он не особо и нужен. Возможно это вообще задний фон секции так встал, а может и псевдоэлементом на третий блок разместили и z-index'ом на задний план убрали

Answer 1

[Andrey Vasilev]

Опять же, ничего необычного.
Просто 3 карточки, можно их оформить через Flex.
Сзади кружок можно влепить задним фоном, думаю смысла спрайт туда пихать нет.

Answer 2

[xonar]

Вариантов много. Можно и фоном на секцию, можно и псевдоэлементом на 3 блок навесить и z-index'ом на задний план блока убрать.

Answer 3

[Ankhena]

Например, так:

background: radial-gradient(white 20px, transparent 21px, transparent 40px, white 41px),linear-gradient(white, lightseagreen);

https://jsfiddle.net/Lxdjg1ok/

либо используя svg (разные варианты могут быть)

Answer 4

[Denis Melnikov]

Как SVG