css滚动时间 |js更改css属性

.scroll {
overflow: scroll;
animation-name: scroll;
animation-duration: 3s; /*控制滚动时间为3秒*/
animation-iteration-count: infinite;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

在上面的代码中，大家设置了一个class为“scroll”的元素，这里大家采用了overflow属性来实现元素的滚动，同时通过animation-name、animation-duration和animation-iteration-count来达到控制滚动时间的效果。在CSS的@keyframes声明中，大家采用transform属性中的translateX来实现水平方向的滚动效果。

以上就是CSS控制滚动时间实现的基本方法，希望对大家有所帮助。