使用CSS幻灯片中的褪色照片

Question

我有一个网站，主页上的图片幻灯片。在删除照片之前，我写下它后面的下一张照片，然后删除它。在删除照片之前，我想知道如何在删除照片之前添加衰落效果。我的网站是：guyzyl.org，所以你可以看看我在谈论什么。此外，我不知道如何使用jQuery，所以请不要提供解决方案。谢谢你的帮助。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");

.

见演示： http://jsfiddle.net/derekl/jzlzz/