Question

此链接显示的是我正在浏览《星球大战》，滚动文本；

ul.menu {
padding: 20px 8px;
margin: auto 0px;
color: #fff;
font-family: arial, helvetica, sans-serif;
list-style: none;
cursor: default;
text-align: center;
float: right;
justify-content: space-between;
}

.menu li {
  display: inline-block;
  background: red;
}

.menu a {
  text-align: center;
  padding: 8px 25px;
  background: #ccc;
  color: #272727;
  text-decoration: none;
  border: 1px solid grey;
  border-radius: 80px;
  margin: 10px;
  display: inline-block
}

现在，我的文本内容很小，因此等待文本循环的时间很长。由于对CSS3的了解有限，我尝试更改-webkit-animation scroll等参数，但仍然需要等待20秒左右才能使循环出现。

一旦滚动文本底部，如何使文本重新出现。这是包含较少文本的链接。如果看到的话，等待原文本重新出现的时间很长；

https://codepen.io/scottbram/pen/KuHsl

Codepen CSS供参考

https://codepen.io/anon/pen/gJVLgw

使用此链接中提供的CSS3控制文本滚动计时的数量

0 个答案: