Cómo agregar una sombra difuminada a las imágenes del slider en la versión móvil

Buenos días,

Me gustaría poner una "sombra" difuminada en las imagenes del slider principal de mi web, pero solo en la version movil. La web es Universo Cine - Noticias, Estrenos, Criticas, Trailers, Concursos y quiero que se parezca al slider de Cine PREMIERE | Estrenos, trailers y noticias de cine y televisión

Quiero esto:



Y tengo esto:



La cuestión es que he probado con el código "box-shadow" pero entonces se pone la sombra en las letras del slider.. y yo quiero que se ponga la sombra en la foto.. para que quede más integrada con el texto..

Espero que me podáis ayudar,

Muchas gracias

Hice algo parecido pero use en un div que envolvía al texto, de esa manera ajustaba el degradado. good look 🙂

Entonces, eso degrada la caja negra del texto? No me aclaro :ambivalence:

- - - Actualizado - - -

Por cierto, gracias por la rápida respuesta 🙂

El box-shadow esta bien pero agregale z-index: 1000; o mayor para que no se ponga detrás.

Anicu, prueba con aplicar un gradiente linear en el pseudo elemento de tu contenedor de la img. Te dejo un pen donde se aplica el efecto.

https://codepen.io/OhhhhIsEd/pen/YqOaOv

Saludos!

Hola Beta,

Me gustaría ayudarte pero... pasaron 2 minuto y nada que carga tu web, esta super lentísima, a optimizar esos tiempos de carga y recursos.

Saludos