Задать вопрос
@Mr_Epic
Web программист

Тень под прозрачным элементом?

Если сделать элемент прозрачным и сдвинуть тень под элемент, её не будет видно:
l2ZyEVh8ddBxmJ.jpg
Но если тень падает от другого элемента её видно под прозрачным блоком:
brRRG8cQZZk9r1.jpg

Как можно сделать тень под прозрачным элементом что бы её было видно, не используя дополнительный элемент?
  • Вопрос задан
  • 198 просмотров
Подписаться 2 Средний Комментировать
Решения вопроса 1
Lynn
@Lynn
nginx, js, css
Никак.
https://drafts.csswg.org/css-backgrounds-3/#shadow...
An outer box-shadow casts a shadow as if the border-box of the element were opaque. Assuming a spread distance of zero, its perimeter has the exact same size and shape as the border box. The shadow is drawn outside the border edge only: it is clipped inside the border-box of the element.


P.S. в качестве «другого» элемента можно попробовать использовать псевдо-элементы :before/:after.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы