css3滚动切图源代码

CSS3是一种非常流行的网页设计技术，它的特点是能够通过代码实现各种炫酷的页面效果。其中滚动切图是一种非常常见的效果，可以让页面滑动时图片自动切换。

.slide {
    overflow: hidden;
    position: relative;
}
.slide ul {
    position: absolute;
    bottom: 0;
    left: 0;
}
.slide li {
    list-style: none;
    float: left;
}
.slide img {
    width: 100%;
    height: auto;
}
@keyframes slide {
    0% {
        left: 0;
    }
    100% {
        left: -100%;
    }
}
.slide ul li:first-child {
    animation: slide 5s linear infinite;
}

以上是一个基本的滚动切图的代码，其中最关键的是CSS3的animation动画效果，通过不断地改变left属性，让第一张图片从左边移出，第二张图片动态地滑进来。同时要给li设置float属性，让图片能够有序地排列在一起。

使用该代码时，只需要在HTML中插入包含图片的li元素即可。同时也可以根据实际需要修改动画时间和效果，实现更加炫酷的滚动切图效果。