patrickj
@patrickj
Ищу заказы на верстку

Как реализовать такую вещь?

Друзья, подскажите, пожалуйста, как реализовать такой полукруг?
joxi.ru/xAeDnP5Fp5RM62

Есть две секции (верхняя и нижняя), у них разные фоны. Нужно сделать такой полукруг в первой секции, чтобы в нем был фон от второй секции.

Мне пока удалось только фон второй секции задвинуть за фон первый, а круг этот вырезать никак не получается.
  • Вопрос задан
  • 243 просмотра
Решения вопроса 1
@ukoHka
Всего понемногу
Если зафиксировать высоту блоков, то можно так:
https://jsfiddle.net/4nz26es8/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
@soledar10
html css3 js jquery
Ответ написан
Комментировать
space2pacman
@space2pacman Куратор тега CSS
Просто царь.
Ответ написан
Комментировать
orlov0562
@orlov0562
I'm cool!
div.btn {
  position: relative;
  top: -50px; 
  left: calc( 50% - 50px );
  width: 100px; 
  height: 100px;
  border-radius: 50px; 
  background-color:red;
}

вот так понятно как элементы располагаются
https://jsfiddle.net/0sfugdzm/

а так будет единый фон:
https://jsfiddle.net/0sfugdzm/1/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы