Как сверстать такой элемент?

Question

[WQP]

Подскажите пожалуйста. Как сверстать такое чудо

круги прозрачные

Answer 1

[metaf]

codepen.io/olgar/pen/XjYBEK через radial градиент

Answer 2

[iBird Rose]

круги делаешь через after и before и абсолютом ставишь их на top: 50% и left: -10px; для одного и right: -10px; для второго.

Comments

[WQP]

Круги прозрачные

[HamSter]

WQP: под цвет фона

[Андрей Ломовой]

WQP: или используй svg - заливай через fill каким угодно цветом.