Как добиться обратного эффекта border-radius на css?

Question

[Mazino]

Необходимо добиться эффекта обратного тому, который есть в примере.
Чтобы нижняя часть блока выглядела не выпуклой, а вогнутой.

Comments

[Евгений Петров]

И? Ответы получили, можно и забыть?

Answer 1

[Евгений Петров]

Как сделать вогнутые углы у блока на CSS?
А вот так можно сделать, используя псевдоэлементы, box-shadow и overflow.
Конечно, можно использовать radial-gradient но уж больно зубчатым выходит. Поэтому придётся замылить край.

Answer 2

[Андрей Буров]

Как-то так https://jsfiddle.net/skv3d2uc/ Думаю идея ясна..

Comments

[Mazino]

От такого решения почувствовал себя скудоумным... Очень вам благодарен.

Answer 3

[Александр Вульф]

Тривиально - никак. Можно исхитрятся с ::after, ::before, либо использовать картинку.

Answer 4

[Олег]

SVG https://jsfiddle.net/n0z9mgjj/