Evanre
@Evanre
Front-end developer

Как сверстать подобные тени?

Я понимаю что можно использовать before/after с наклоном или выпуклостью и отбрасываением тени, но они не дают точно такого же результата как на макете
5c17dc174a9ca456335399.png5c17dcbca6848319741476.pngst
  • Вопрос задан
  • 145 просмотров
Решения вопроса 1
@Flying
Первая - radial gradient от чего-то типа rgba(0,0,0,0.25) до transparent на :after с "запихиванием" половины элемента под основной.

Вторая - :before и :after с тенями, небольшой rotate transform влево / вправо и "запихивание" под основной элемент + видимо ещё :after от какого-нибудь дополнительного элмента чтобы нарисовать центральную часть тени. Правда во втором случае лучше чтобы фон под элементом был однородный, а тени - непрозрачными т.к. иначе будут видимые артефакты в местах их пересечения.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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