Как сделать скругление (скорее выпуклость) граници блока как показано на фото?

Question

[MadMax90]

Через border-radius так не получается.

Answer 1

[Роман]

ну можно попробовать добавить псевдо-элемент с боооольшим радиусом скругленности и бордером.

Answer 2

[Nikolay Talanov]

1) Взять и топорно вырезать фото из фотошопа "как есть".
2) Сделать с помощью svg. Но тут уже без пол-литра не разобраться.

Answer 3

[Андрей]

Если это слайдер, то скорее всего нужно чтобы выпуклость оставалась на месте при прокрутке.
А значит надо вырезать нижнюю часть, наложить сверху и не мучаться.

Answer 4

[MadMax90]

оказалось все не так сложно как казалось. Есть оказивается есть такое свойство border-bottom-right-radius border-bottom-left-radius.

Comments

[Serj-One]

Вот только закругление нужного радиуса с использованием этого метода будет только при огромной ширине. Можно, конечно, скрыть её с помощью overflow: hidden, но это уже костыль.