Создание div с изогнутым дном?

-4

Как я могу сделать верхнюю/нижнюю стороны div изогнутыми, используя только HTML/CSS? Я видел this Вопрос StackOverflow, но я больше ищу что-то вроде пышных сторон на [email protected]'s website, а не только на div с радиусом границы.Создание div с изогнутым дном?

источник

2017-02-08 gridproquo

, как ты подошел проблема и какой у вас код до сих пор, чтобы решить эту проблему? – ZombieChowder

Ну, они используют SVG для достижения этого, вы можете встроить этот SVG. https://2017.hackatbrown.org/static/img/home/first-border.svg –

@ ZombieChowder - я начинаю и понятия не имею, как создать пышные края, используя простой CSS. Я не думаю, что это алгоритмическая проблема, в которой я был слишком ленив, чтобы думать и публиковаться в StackOverflow, - я действительно не знаю, как это сделать, и уже пробовал Google. – gridproquo

-1

Привет, вы можете попробовать один из этих кода

div{ 
background-color:black; 
width:500px; 
height:50px; 
border-bottom-left-radius:50%; 
border-bottom-right-radius:50%; 
}

Demo и

div{ 
background-color: black; 
width: 500px; 
height: 200px; 
border-radius: 0 0 50% 50%/15%; 
}

Demo

и вы можете изменить форму, как вам нравится

источник

2017-02-08 01:49:17

Создание div с изогнутым дном?

ответ

Смежные вопросы