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