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

Question

我有一个网站，主页上有一张图片幻灯片。在删除照片之前，我会在其后面写下下一张照片，然后将其删除。我想知道如何在删除照片之前添加褪色效果。我的网站是:guyzyl.org，所以你可以看看我在说什么。另外我不知道如何使用 Jquery，所以请不要提供该解决方案。谢谢你的帮助。盖伊 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/