Как нарисовать полукруг в CSS?

Точнее 200px ширины от его полных 500px. Какие свойства и как задать
  • Вопрос задан
  • 19473 просмотра
Пригласить эксперта
Ответы на вопрос 2
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
jsfiddle.net/ffvv40wr/1

Можно реализовывать как с помощью border-radius, так и с помощью SVG.
Безусловно, оба варианта лучше использовать в фоне, иначе придётся задавать абсолютное позиционирование (или фиксированное, что ещё хуже).

Использование SVG даёт преимущество — задав только высоту и ширину, можно не беспокоиться про радиус закругления (что и видно на 3-м примере, когда для :before придётся менять ширину).
Ответ написан
Ваш ответ на вопрос

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

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