Подскажите как сверстать этот зеленый полукруг. Сейчас он сделан на clip-path, но у него плохая поддержка.Через border-radius выходит не то что нужно.
-
3border-radius + абсолютное позиционирование + overflow hidden.....– Alexander Semikashev12 мар 2019 в 14:29
-
Спасибо. Сейчас попробую– Duman Torbaev12 мар 2019 в 14:32
-
Всё получилось. Спасибо– Duman Torbaev12 мар 2019 в 14:35
-
Написал ответ, со вторым вариантом.– Alexander Semikashev12 мар 2019 в 14:35
Добавить комментарий
|
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>
Ну и его уже абсолютным позиционирование можно расположить как хотите.
-
Первый вариант помог, думаю на нем остановлюсь. А так спасибо за варианты! 12 мар 2019 в 14:40