从注释扩展:
您可以使用CSS3 animation
#crossfade img {
position:absolute;
left:0;
}
#crossfade img.top {
-webkit-animation-name:pulse;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-duration:1s;
-webkit-animation-direction:alternate;
animation-name:pulse;
animation-iteration-count:infinite;
animation-timing-function:ease-in-out;
animation-duration:1s;
animation-direction:alternate;
}
@-webkit-keyframes pulse {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes pulse {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
调整animation-duration,以满足您的需要。
编辑:
如果你想留在例如透明的几秒钟,使用这样的:
img.top {
animation-duration:5s;
}
@keyframes pulse {
0% {
opacity:1;
}
20% {
opacity:0;
}
100% {
opacity:0;
}
}