26907 sujets

CSS et mise en forme, CSS3

Bonjour,
j'essaie de réalise un slideshow en css + js mais je rencontre un problème que je n'arrive pas à résoudre.
Voici mon code : https://jsfiddle.net/muk25fwz/
Je voudrais que les images défilent vers la droite avec l'image de gauche qui apparait par opacité croissante et celle de droite disparait (et est remplacée par l'image du centre) par opacité décroissante.
Le problème est qu'en défilant les images avec la flèche droite, l'image de droite se met à parcourir l'écran vers la gauche pour se positionner derrière l'image de gauche, mais je ne veux pas que cela se voit, je veux que seul l'effet d'opacité soit apparent.
J'espère avoir été compréhensible et merci pour votre aide !
Modifié par misteroto (12 Sep 2019 - 13:09)