在线等，挺急的！如何用js实现跑马灯形式的横向字幕滚动各位有什么建议？

Question

中奖名单：XXXX,yyyyy，zzzzz

Answer 1

Css跑马灯div,p{margin:0;padding:0;}.box{position:relative;width:300px;height:200px;border:5pxsolid#aaa;margin:0auto;overflow:hidden;}.box.text{position:absolute;left:300px;top:0;height:200px;line-height:200px;font-size:100px;white-space:nowrap;animation:slidein5slinear0sinfiniterunning;/*5s决定跑马灯一次滚动的时长，自己调整*/}@keyframesslidein{from{transform:translateX(300px);/*盒子宽度*/}to{transform:translateX(-1150px);/*平移距离=文案标签长度+盒子宽度*/}}这是一个css跑马灯