更新时间:2020-04-16 23:30:15
图片数量修改方法,根据所需要展示图的数量,当前6张图每张宽度300,nav ul宽度为6*300=1800px,每张图滚动时间为2秒,2*6,animation: moving 12s
nav ul { width: 1800px; animation: moving 12s linear infinite alternate; }
循环x位移,6*300=1800px-300在转为负数。
@keyframes moving { form { transform: translateX(0); } to { transform: translateX(-1500px); } }