使用CSS3来实现网页滑动效果非常简单,只需要几个步骤就可以实现。
#container { width: 800px; height: 600px; overflow: hidden; position: relative; }
#slider { width: 2400px; height: 600px; position: absolute; }
#container:hover #slider { animation: slide 5s linear infinite; } @keyframes slide { 0% { left: 0; } 100% { left: -1600px; } }
以上就是使用CSS3实现网页滑动效果的步骤,可以根据自己的需求修改宽度、高度、动画时间等参数。
本文链接:http://task.lmcjl.com/news/79.html