扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
要让图片左右滑动，可以使用HTML和CSS来实现，以下是一个简单的示例：
成都创新互联网站建设服务商，为中小企业提供网站设计、做网站服务，网站设计，网站改版维护等一站式综合服务型公司，专业打造企业形象网站，让您在众多竞争对手中脱颖而出成都创新互联。
1、创建一个HTML文件，添加一个 2、接下来，创建一个CSS文件（ 在这个示例中，我们使用了一个名为 注意：请将 我们在微信上24小时期待你的声音 解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流元素，用于包含图片和一个
styles.css），并添加以下样式：
body {
margin: 0;
padding: 0;
}
.slider {
position: relative;
width: 100%;
height: 300px;
overflow: hidden;
}
.slide {
position: absolute;
width: 50%;
height: 100%;
objectfit: cover;
}
.slidelist {
display: flex;
transition: transform 0.5s easeinout;
}
.slidelist li {
liststyle: none;
width: 33.33%;
}
.slider的元素来包裹左右两侧的图片，左侧的图片使用
.slide类，右侧的图片使用.slidelist类，通过调整.slidelist的transform属性，可以实现图片的左右滑动效果。leftimage.jpg、rightimage1.jpg等图片文件名替换为实际的图片文件名，并将它们放在与HTML和CSS文件相同的目录下。
分享标题：html如何让图片左右滑动
本文来源：http://www.gydahua.com/article/dhcpise.html
扫二维码与项目经理沟通
微信二维码
移动版官网