@Neashz

Как сделать внутреннюю тень, так, чтобы она была поверх элементов слайдера CSS?

Добрый день, подскажите как создать внутреннюю тень для слайдера. Сложность в том, что у меня не получается положить ее на элементы, она идет под ними.
Прикрепляю скрин как хочется сделать. (z-index не помог)
65702746e8238891187684.png
  • Вопрос задан
  • 50 просмотров
Решения вопроса 1
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Псевдоэлемент на обертке

.slider {
  position: relative;
}
.slider::after {
  content: '';
  position:absolute;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(to right, transparent, black);
  width: 200px;
  z-index: 100;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
//stablecode Вена
от 250 000 ₽
Фрамир Санкт-Петербург
от 80 000 ₽
ITooLabs Тула
от 35 000 до 40 000 ₽
01 мар. 2024, в 11:02
15000 руб./за проект
01 мар. 2024, в 10:37
7000 руб./за проект
01 мар. 2024, в 10:36
9000 руб./за проект