使用CSS简单实现弹幕功能

首先在html中定义一个div

<div class="box">弹幕</div>

弹幕的移动其实就是移动box这个盒子，弹幕都是从右向左移动，所以弹幕的初始位置应该是浏览器的右边，相当于弹幕的最左边与浏览器最右面相贴合

.box{
   position:absolute;
}

初始位置

from{
    left:100%;
    transform:translateX(0)
}

结束位置：

to{
   left:0;
   transform: