HTML5背景輪播圖特效是現在很多網頁設計師喜歡使用的一個特效。通過使用HTML5的動畫特效和JavaScript的交互實現一種視覺效果，可以為網站增加不少吸引力和美觀度。下面是一段HTML5背景輪播圖特效代碼的示例：

HTML5背景輪播圖特效代碼

html{
height:100%;
}
body{
height: 100%;
margin:0;
padding:0;
}
.background{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
}
.background img{
position:fixed;
top:-50%;
left:-50%;
width:200%;
height:200%;
opacity:0.8;
}
#bg1{
animation:slide 30s ease infinite;
z-index:-1;
background-image: url(bg1.jpg);
}
#bg2{
animation:slide 30s ease infinite;
z-index:-2;
background-image:url(bg2.jpg);
}
@keyframes slide{
0%{
transform:translate(-50%, -50%) scale(1.0);
}
100%{
transform:translate(-50%, -50%) scale(1.5);
}
}

在這段代碼中，背景輪播圖特效被包含在一個class名為“background”的div元素內。該元素被設定為絕對定位，并且它的子元素被設定為固定定位，以便使圖片的位置保持在屏幕中心。同時，通過使用CSS3中的動畫特效，可以使背景圖片產生滑動的效果。每個滑動動畫持續30秒，并且不停地循環播放，通過CSS3的無限循環參數“infinite”實現。每張背景圖片都被設定一個不同的層級“z-index”，以便實現“背景輪播”的效果，讓上一張圖片漸漸消失，下一張圖片漸漸顯示出來。 以上就是一段HTML5背景輪播圖特效代碼的示例。可以根據需要進行調整，以實現更加豐富的視覺效果。