在CSS中,我们可以通过一些简单的代码让图片滚动起来。接下来,我们将介绍一些方法。首先,我们可以使用CSS的animation属性来滚动一张图片。代码如下:img { animation:slide
img { animation:slide 3s infinite; } @keyframes slide { 0% { transform:translateX(0); } 100% { transform:translateX(-100%); } }
img { /* 先将图片位置设为绝对定位 */ position:absolute; /* 设置过渡 */ transition:transform 3s ease-in-out; /* 通过动画将图片向左平移 */ transform:translateX(-100%); animation:slide 5s infinite; } @keyframes slide { 0% { transform:translateX(0); } 100% { transform:translateX(-100%); } }
粉丝
0
关注
0
收藏
0