sorry_i_noob
@sorry_i_noob

На сайте есть карточки. У карточек есть тень. Как сделать так, чтобы тень от одной карточки не падала на другую карточку?

Что сейчас происходит:
5d7948b65b88b903622943.png
Тень от одной карточки заходит на другие карточки (по углам видно затемнение). Можно как-нибудь сделать, чтобы этого не было? Чтобы тень была под карточками. Как это сделать? Я попробовал сделать элемент after с position: absolute, width: 100% и height: 100%. Добавил ему тень, сделал z-index 0. А для карточек z-index: 1. У карточек убрал тень. И все равно тень залезает на другие карточки.
  • Вопрос задан
  • 530 просмотров
Решения вопроса 2
SmthTo
@SmthTo Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Делать тень на отдельный блок с z-index: -1.

Ответ написан
Комментировать
@yarnstart
Превозмогание и React
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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