Подскажите как сверстать полукруг
144
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>Ну и его уже абсолютным позиционирование можно расположить как хотите.
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47910 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30567 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23897 visits
- Как через css изменить цвет png изображения? 10400 visits
- Blob video url download 10004 visits
- Php curl запрос через прокси с авторизацией 9278 visits
- Работа с captcha vk api 8147 visits
![Стоит ли удалять событие с элемента, перед его удалением? [дубликат]](https://hostciti.net/images/nophoto.png "Стоит ли удалять событие с элемента, перед его удалением? [дубликат]")
© "hostciti.net" 25.3.2025 | 10:11