Html
    Css
    Js

    
                        
 .imgList {
	position:relative;
	width:400px;
	height:400px;
}
.img {
	width:400px;
	height:400px;
}
@keyframes picDraw {
	0% {
	opacity:0;
}
50% {
	opacity:1;
}
100% {
	opacity:0;
}
}.img2 {
	position:absolute;
	width:400px;
	height:400px;
	left:0;
	top:0;
	-webkit-animation:picDraw 5s ease-in-out infinite;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

animation图片循环来回显示

更新时间:2019-12-20 09:43:09

简单实现图片叠加轮播显示的效果--css的animation实现图片循环来回显示

0