@Dubrovin

Как реализовать такие tabs с тенью?

5b9bfee986f35159169746.png
Тень должна быть у лепестка и у блока с содержимым: 0 8px 32px 0 rgba(0,0,0,0.2)
Кажется, что перебрал уже всё, что только можно перебрать (белая тень снизу, after, border-bottom у лепестка, тройная тень сверху-слева-справа у лепестка, шаманил по разному с z-индексами) - результат не такой, как на картинке.
Возможно такое сделать с помощью CSS3?
  • Вопрос задан
  • 211 просмотров
Решения вопроса 1
похоже?

выглядит как костыль. особенно вот это width: calc(100% + 20px);
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
https://codepen.io/ekscentrysytet/pen/QbNdEB

Для этого потребовалось:
1 - google tabs shadows css
2 - нажать на первую ссылку
Ответ написан
Ваш ответ на вопрос

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

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