相关疑难解决方法(0)

我想在一个循环中的图像之间淡出(比如这里的结果-jsfiddle.net/5M2PD)但纯粹通过CSS,没有JavaScript.我尝试使用关键帧,但我没有成功.请帮忙.

@keyframes cf3FadeInOut {
    0% {
        opacity:1;
    }
    45% {
        opacity:1;
    }
    55% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

#cf3 img.top {
   animation-name: cf3FadeInOut;
   animation-timing-function: ease-in-out;
   animation-iteration-count: infinite;
   animation-duration: 10s;
   animation-direction: alternate;
}