@wo0dpeker

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

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

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

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

Похожие вопросы
div. Ставрополь
от 50 000 до 120 000 ₽
Rocket Смоленск
от 80 000 до 130 000 ₽
move2usajobs LLC Лос-Анджелес
от 2 000 до 4 000 $
15 нояб. 2024, в 14:07
20000 руб./за проект
15 нояб. 2024, в 14:05
15000 руб./за проект
15 нояб. 2024, в 13:29
50000 руб./за проект