水平滚动字幕
html:
<div class="txt-scroll">
<div class="scrollbox">
<div class="txt"></div><!-- 滚动内容 -->
</div>
</div>
css
.txt-scroll{
width: 100%;
line-height: 1rem;
height: 1rem;
background-color: #CF2B18;
color: #fff;
}
.txt-scroll .scrollbox{
width: 100%;
white-space: nowrap;
overflow:hidden;
transition: all .2s;