1

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

4
  • 3
    border-radius + абсолютное позиционирование + overflow hidden..... 12 мар 2019 в 14:29
  • Спасибо. Сейчас попробую 12 мар 2019 в 14:32
  • Всё получилось. Спасибо 12 мар 2019 в 14:35
  • Написал ответ, со вторым вариантом. 12 мар 2019 в 14:35

1 ответ 1

0

Первый вариант: как написал в комментарии 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>

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

1
  • Первый вариант помог, думаю на нем остановлюсь. А так спасибо за варианты! 12 мар 2019 в 14:40

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.