Подскажите как сверстать полукруг

127
27 ноября 2019, 07:20

Подскажите как сверстать этот зеленый полукруг. Сейчас он сделан на clip-path, но у него плохая поддержка.Через border-radius выходит не то что нужно.

Answer 1

Первый вариант: как написал в комментарии border-radius + абсолютное позиционирование + overflow hidden.

Второй вариант именно для полукруга:

div { 
  background: red; 
  display: inline-block; 
  height: 45px; 
  width: 90px; 
  border-top-left-radius: 90px; 
  border-top-right-radius: 90px; 
}
<div></div>

Ну и его уже абсолютным позиционирование можно расположить как хотите.

READ ALSO
Некорректно работает скрипты в UC Browser

Некорректно работает скрипты в UC Browser

В UC Browser на IOS, при переходе по ссылке на ID элемент должен работать скрипт скролла выше этого элемента, но вместо этого страница странно пролистывается,...

122
Не получается прикрепить файл к форме

Не получается прикрепить файл к форме

Всем доброй ночиЕсть такой инпут:

95
как сделать наложение блоков html

как сделать наложение блоков html

Верстаю данный шаблон, и не получается сделать наложение блоков как на фото:

102