HTML背景图片动画设置,使用CSS3动画更改背景图像

莫回无

这确实很快速而且很肮脏，但是可以完成工作：jsFiddle    #img1, #img2, #img3, #img4 {    width:100%;    height:100%;    position:fixed;    z-index:-1;    animation-name: test;    animation-duration: 5s;    opacity:0;}#img2 {    animation-delay:5s;    -webkit-animation-delay:5s}#img3 {    animation-delay:10s;    -webkit-animation-delay:10s}#img4 {    animation-delay:15s;    -webkit-animation-delay:15s}@-webkit-keyframes test {    0% {        opacity: 0;    }    50% {        opacity: 1;    }    100% {    }}@keyframes test {    0% {        opacity: 0;    }    50% {        opacity: 1;    }    100% {    }}我正在使用jQuery在我的网站上进行类似的操作，但是当用户向下滚动页面时会触发转换-jsFiddle