我需要创建跨越浏览器窗口的两个选取框（一个带有重复图像，一个带有重复链接），无论大小；选框项目需要最初显示在屏幕的左侧，而不需要几秒钟的时间才能出现。它们中的每一个都需要相距约 20 像素/30 像素。选框需要显得无限；也就是说，项目需要始终填满窗口的整个宽度。选取框需要在悬停时暂停。
我已经确定了我想要使用 CSS 做的事情的基础知识。在此响应/sf/answers/3956739741/的帮助下，我能够暂停我正在寻找的悬停。
不幸的是，我仍然不确定如何让动画看起来没有间隙，好像有无数的单词从右到左移动。我正在尝试实现一个像本网站顶部https://www.at-elier.org/那样的选框，但如果可能的话，使用 CSS 或最少的 Javascript，如果必要的话。
body {
margin: 0;
font-family: "UniversLTPro-Ex";
font-size: 30px;
}
a {
text-decoration: none;
color: #000;
}
.marquee {
height: 35px;
width: 100%;
overflow: hidden;
position: relative;
background-color: #e9e5fb;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 8px 0 4px 0;
}
.marquee div {
display: inline-block;
width: 300%;
height: 40px;
position: absolute;
overflow: hidden;
animation: marquee 30s linear infinite;
}
.marquee span {
float: …