Закругление блока как на макете
282
03 октября 2017, 04:46
Вопрос заключается в следующем. Как сделать идеальное округление блока, как на макете? "border-bottom-left/right-radius 0px 0px" даёт немного не тот результат. Какое еще решение можно использовать в этом вопросе?
Answer 1
Как вариант сделать в графическом редакторе подходящее изображение с прозрачным фоном и сделать его фоновым изображением блока с помощью свойства BACKGROUNG-IMAGE
Answer 2
body {
margin:0;
}
#s1 {
background: #fff;
height:50vh;
border-radius:50%;
box-shadow: 0 0 20px rgba(0,0,0,0.4);
border-top-left-radius:0;
border-top-right-radius:0;
overflow:hidden;
}
#s2 {
background: #fdd;
height:100vh;
}<section id="s2">
<section id="s1"></section>
</section>
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 50339 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31950 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26313 visits
- Как через css изменить цвет png изображения? 11770 visits
- Blob video url download 11316 visits
- Php curl запрос через прокси с авторизацией 10724 visits
- Работа с captcha vk api 9522 visits
© "hostciti.net" 28.3.2026 | 01:32