html中制作banner,css banner轮播图怎么做？

css banner轮播图怎么做？下面本篇文章给大家简单介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

初步了解动画效果吧。轮播图我一直以为靠jquery插件完成的，突然发现靠css也是可以实现的。我知道html有个marquee标签来实现文字滚动属性，当然也是能实现图片滚动的属性但效果不好，今天的这个高级一点。

css属性

#banner {

height: 390px;

background: url(""); /* 图1*/

background-size: 100% 100%;

animation: banner 10s infinite; /*动画效果：10s 无限循环*/

}

@keyframes banner {

25%{

background: url(""); /*图2*/

}

50%{

background: url(""); /*图3*/

}

75%{

background: url("");

}

}

h5标签

更多web前端知识，请查阅 HTML中文网 ！！