AntonLitvinenko
@AntonLitvinenko
HTML coder

Как сверстать такой элемент?

Столкнулся и я с элементом, который не могу придумать как сверстать.Практически везде на сайте дизайнер нарисовал на элементах вот такие выемки. При этом под выемками есть еще элемент то ли с тенью, то ли с градиентом, чтобы оттенять эту выемку.
5f396bcd104d5170797848.png
5f396bdb7d74d512448317.png
Прошу натолкнуть на мысль как сделать эти выемки
  • Вопрос задан
  • 235 просмотров
Решения вопроса 2
RAX7
@RAX7
Сам вырез можно сделать радиальным градиентом, как здесь:
Как адаптивно сверстать блок с вырезом-полукругом? SVG-маска?
Тень - filter: drop-shadow
Уши - псевдо-элементами
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn Куратор тега CSS
CEO iAmStudio, предприниматель.
Нус если оно везде одинаковое, то прямо так и можно псевдоэлементами нарезать. А вообще очевидно же, тут поможет svg.

Хотя конечно же, интересно, что хотел этим сказать дизайнер...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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