Как сделать у div вогнутый border-radius?

Question

[Владимир Голубь]

Нужно сделать вогнутые концы ?

C помощью after и before делаю два угла, еще два приходится на обертку из div.
Может есть способ лучше ?

Answer 1

[Mikhail Osher]

Да, есть способ лучше. Дать щщей дизайнеру за такое.
А по делу: я бы взял 4 дива и не переживал по поводу лаконичности.

Answer 2

[Максим]

jsfiddle.net/nzx2cm37/5 толщину подберёте сами
jsfiddle.net/nzx2cm37/10 svg - не знаю сможете работать с ним или нет

Answer 3

[Артём]

www.local-pc-guy.com/web-dev/border-radius-inset-o...

Answer 4

[Ольга Ветер]

Тут можно поставить before элемент с бордер радиусом 50% и заливкой этого бордера только с одной нужной стороны.

Comments

[Ольга Ветер]

Извините, перечитала и поняла проблему. Да иначе особо и не сделаешь, ответ предыдущего комментатора оч нравится (про щи). Как вариант использовать в качестве контура свг-фигуру.