Как вырезать в блоке прозрачный круг и поместить в него круглую блок?

Question

[Mazino]

Суть вопроса вопроса передана. Вот образец, нужно чтобы черная обводка окружности была прозрачной и более того обрезала заливку блока #navigation таким образом "изолируя" окружность от остального блока. Как это правильно реализовать? Была мысль добавить ::before/::after c border-radius нужного цвета, но мне кажется, что это не лучший вариант.

Answer 1

[forspamonly2]

radial-gradient
https://jsfiddle.net/yw64rg6j/4/

Comments

[forspamonly2]

и если нужно чтобы было именно прозрачно (картинка на фоне, допустим, чтобы видна была), то вместо white transparent и фон с #navigation на nav перенести.
https://jsfiddle.net/yw64rg6j/5/