Задать вопрос
@z_u_q
верстка

Как сверстать такой блок?

Интересует именно скругление и положение картинки при этом.

5b71632d24a32635159466.png

Начал тут.
  • Вопрос задан
  • 488 просмотров
Комментировать
Подписаться 5 Простой Комментировать
Решения вопроса 2
meltmestnt
@meltmestnt
У верблюда два горба, потому что жизнь - борьба
codepen
Ответ написан
Комментировать
Комментировать
Ankhena
@Ankhena Куратор тега Вёрстка
Нежно люблю верстку
Радиальным градиентом с четкими краями в качестве фона.
https://jsfiddle.net/fw1mt28k/
Альтернативный вариант: использовать ::before либо c border-radius либо тоже с градиентом.

Радиус и смещение у градиента поставьте какой нужно.
Для адаптивности пересчитайте значения в проценты.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать парсер
26 апр. 2024, в 07:47
2000 руб./за проект
Devops для видео сервиса
26 апр. 2024, в 06:46
1000 руб./в час
Найти ошибку flutter_map
26 апр. 2024, в 05:31
1000 руб./за проект
Ещё заказы