@wo0dpeker

Как создать такой блок?

Нужно сделать такой блок
5f8334e262345876363959.png

Нужен именно код, т.к не знаю, как расположить круг таким образом
  • Вопрос задан
  • 102 просмотра
Решения вопроса 3
Kurokq
@Kurokq
Наполни смыслом каждое мгновенье
Ответ написан
Комментировать
Вариант 1 Градиент
Вариант 2 как фоновая картинка
Ответ написан
Комментировать
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
  1. Целиком картинкой сделать фон(Плохой вариант)
  2. Фоновый зелёный + через background-image задать этот круг(Должна быть отдельная картинка с этим кругом. Лучше svg) и правильно его спозиционировать с помощью соответствюущего свойства(background-position). Ваш вопрос разбирается в любой книжке про html\css, где есть глава про фоны.
  3. Можно через радиальный градиент, как предлагали выше, однако учитывайте какая браузерная поддержка вам нужна. Работать будет не взеде.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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