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/