使用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/