一张很长的图片在网页里面不断滚动,目前网上很少有这样的代码,找了许久,才找到一个经典的纯CSS滚动代码,这个代码是基于css3 transform属性制作鼠标经过滑动推开窗户,图片左右来回滚动展示效果代码。去掉了对开窗和多图,这里有具体的演示
https://www.17sucai.com/pins/36817.html
这个滚动的代码演示地址是https://www.17sucai.com/preview/1424582/2020-04-17/tp/index.html
以下是改造好的代码
这里要注意的是固定你的图片的宽度和滚动的transform: translateX(-660px);坐标,才能让图片滚动完后不显示空白,让图片左右滚动不出现多余的空白!