CSS 无限滚动轮播

实现原理

这个无限滚动轮播完全使用 CSS 实现，不需要任何 JavaScript。主要通过以下技术实现：

1. 使用 CSS 动画（animation）和 @keyframes 实现横向滚动效果

2. 复制一组相同的元素，当第一组滚动完毕后，第二组无缝衔接

3. 利用 animation-play-state: paused 实现鼠标悬停时暂停动画

4. 使用 will-change: transform 提高动画性能