结合 CSS3 transition transform 实现简单的跑马灯效果的示例

这是之前客户的一个需求，给的 demo 是用 gif 实现跑马灯，但是我们的没法用 gif，因为图上的文字需要翻译成各国语言，所以不能使用图片来实现，那么，自己写一个咯。 思考过程 html <div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> </div> css * { margin: 0; padding: 0; } [lantern] { overflow: hidden; } ul { white-space: nowrap; font