Fondation de photos dans le diaporama en utilisant CSS

Question

J'ai un site web et un diaporama d'images sur la page principale.Avant de retirer une photo, j'écris la photo suivante derrière elle puis l'enlève.Je voulais savoir comment je peux ajouter un effet de disparition avant que la photo soit supprimée.Mon site Web est: guyzyl.org, vous pouvez donc vérifier ce que je parle.De plus, je ne sais pas comment utiliser jQuery, alors s'il vous plaît ne proposez pas cette solution.Merci pour toute aide.Guy z.

Answer 1

.photo{
    -webkit-transition: opacity .5s ease-in-out;  /*Webkit*/
    -moz-transition: opacity .5s ease-in-out;  /*Firefox*/
    -o-transition: opacity .5s ease-in-out;  /*Opera*/
    transition: opacity .5s ease-in-out;  /*CSS3 Standard*/
    opacity: 1;
}
.photo.fade{
    opacity: 0;
}

document.querySelector(".photo").classList.add("fade");

Voir démo: http://jsfiddle.net/derekl/jzlzz/