Задать вопрос
@Terebbon
css

Как сверстать данную секцию лэндинга?

5d667a9f146b4246663108.png Справа здесь видно узор в виде кружка полупрозрачного, как это возможно реализовать?
  • Вопрос задан
  • 143 просмотра
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 4
Nolis
@Nolis
it-гопник
Опять же, ничего необычного.
Просто 3 карточки, можно их оформить через Flex.
Сзади кружок можно влепить задним фоном, думаю смысла спрайт туда пихать нет.
Ответ написан
Комментировать
Комментировать
@xonar
А смысл?
Вариантов много. Можно и фоном на секцию, можно и псевдоэлементом на 3 блок навесить и z-index'ом на задний план блока убрать.
Ответ написан
Комментировать
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Например, так:
background: radial-gradient(white 20px, transparent 21px, transparent 40px, white 41px),linear-gradient(white, lightseagreen);

https://jsfiddle.net/Lxdjg1ok/

либо используя svg (разные варианты могут быть)
Ответ написан
Комментировать
Комментировать
Mi11er
@Mi11er
A human...
Как SVG
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Сканер коэффициентов в букмекерских конторах
20 апр. 2024, в 08:39
100000 руб./за проект
Доработать бота
20 апр. 2024, в 08:24
1500 руб./за проект
Разработать интранет сайт (корпоративный портал)
20 апр. 2024, в 07:24
100000 руб./за проект
Ещё заказы