Как сверстать главный экран лендинга полукруглой области?

Question

[Sanya18]

Comments

[Александр Севиринов]

О какой "полукруглой" области конкретно идет речь?

[Sanya18]

Александр Севиринов, вот такое

Answer 1

[Aleksey Solovyev]

https://stackoverflow.com/questions/34354770/curve...
В ответе представлены наиболее популярные способы реализовать сей круг.

Я бы нарисовал svg и поместил прижатой к низу ибо кросбраузерно и больше контроля

Answer 2

[Максим Тимофеев]

1. border-radius
2. svg маска
3. просто svg на фоне
4. просто картинка на фоне

Comments

[Sanya18]

через border-radius не получиться вот что получиться

[Максим Тимофеев]

Sanya18, Нет, там нужен ::after на него border-radius: 50%; и спрятать за блок, что бы высовывалась только часть. Но вообще я привел 4 варианта.

Answer 3

[forspamonly2]

радиальным градиентом с резким переходом от прозрачного к белому