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

Question

[Neashz]

Добрый день, подскажите как создать внутреннюю тень для слайдера. Сложность в том, что у меня не получается положить ее на элементы, она идет под ними.
Прикрепляю скрин как хочется сделать. (z-index не помог)

Answer 1

[Сергей delphinpro]

Псевдоэлемент на обертке

.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;
}

Comments

[Neashz]

Супер, спасибо!)