css实现图片自动切换,纯CSS实现的图片切换效果

CSS3实现轮播图效果

@-webkit-keyframes slide {

0% {

background-position: 0 0;

}

10%, 25% {

background-position: -600px 0;

}

35%, 50% {

background-position: -1200px 0;

}

60%, 75% {

background-position: -1800px 0;

}

85%, 100% {

background-position: 0 0;

}

}

@-moz-keyframes slide {

0% {

background-position: 0 0;

}

10%, 25% {

background-position: -600px 0;

}

35%, 50% {

background-position: -1200px 0;

}

60%, 75% {

background-position: -1800px 0;

}

85%, 100% {

background-position: 0 0;

}

}

@-o-keyframes slide {

0% {

backgro