技术栈
css单行文字滚动
Ying（英子）
6 个月前
css3滚动
·
css3动画
·
文字上下滚动
·
css无限滚动
·
css循环滚动
·
css文字滚动效果
·
css单行文字滚动
CSS实现文字上下滚动、间歇滚动和无限滚动
实现其实和连续滚动原理差不多，只不过加上了停留的动画贞配置。在上述实现的间歇性滚动中，有一个限制就是滚动的条数是有限制的，比较从样式表的配置就可以看到写法比较固定，如果要实现任意个数翻滚，那么就需要借助js进行动态修改animation. 基于vue3实现如下：