Как добиться нужных значений?

Question

[tkachenkoaanna097]

пробую через border-radius

https://jsfiddle.net/p5atu3yh/1/

Comments

[twobomb]

Никак, используй svg

[Ankhena]

Либо clip-path.
Либо svg перерисуйте "наизнанку" - там где фон - то фигуры, там где белое - то прозрачное.

Первый вариант разумнее.

Answer 1

[Moon Presence]

Через SVG/Clip-Path или просто SVG, т.е иконками. Border-Radius так не умеет.

Answer 2

[Евгений Щербаков]

А почему не заиспользовать как svg иконки?

Comments

[tkachenkoaanna097]

Евгений Щербаков, а как именно? бэграунд везде разный

[Евгений Щербаков]

Так сделайте svg иконки вместе с фоном, а не только символ в центре :)

Answer 3

[Lord_Dantes]

Возможно через clip-path
https://bennettfeely.com/clippy/

Comments

[Евгений Щербаков]

Но нужно учитывать поддержку в браузерах)