Evanre
@Evanre
Front-end developer

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

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

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

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

Войти через TM ID
Похожие вопросы
Spartan.by Минск
от 400 до 700 usd.
Alternativa Games Пермь
от 40 000 до 80 000 руб.
АМТ Екатеринбург
от 40 000 до 50 000 руб.