添加淡入效果

Question

學習構建從w3school幻燈片......

嗯，我試圖改變動畫時長在CSS，但沒有工作

誰能告訴我如何在添加淡入幻燈片放映的效果？

Answer 1

拖延時間，改變這個數字（2000年）到別的在showSlides功能的東西：

setTimeout(showSlides, 2000); // Change image every 2 seconds 

要更改褪色，在CSS編輯褪色類：

/* Fading animation */ 
.fade { 
    -webkit-animation-name: fade; 
    -webkit-animation-duration: 1.5s; 
    animation-name: fade; 
    animation-duration: 1.5s; 
} 

@-webkit-keyframes fade { 
    from {opacity: .4} 
    to {opacity: 1} 
} 

@keyframes fade { 
    from {opacity: .4} 
    to {opacity: 1} 
}