CSS를 사용하여 슬라이드 쇼에서 사진을 퇴색시킵니다

Question

웹 사이트 및 메인 페이지의 그림 슬라이드 쇼가 있습니다.사진이 제거되기 전에 다음 사진을 뒤에 쓰고 제거한 다음 제거하십시오.나는 사진이 제거되기 전에 페이딩 효과를 어떻게 추가 할 수 있는지 알고 싶었다.내 웹 사이트는 다음과 같습니다. Guyzyl.org, 당신은 무엇을 말하는지 확인할 수 있습니다.또한 jQuery를 사용하는 방법을 모릅니다. 그래서 해결책을 제안하지 마십시오.어떤 도움을 주셔서 감사합니다.가이 즈.

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");

.

demo : http://jsfiddle.net/derekl/jzlzz/