SOURCE

<div class="music">
    <span data-text='特困程序员示例滚动'>特困程序员示例滚动</span>
</div>

.music{width:400px;border:1px solid #ccc; white-space: nowrap;overflow: hidden;}
.music span{animation: scroll 6s linear infinite;display: inline-block;margin-left: 30px}
.music span::after{content:attr(data-text);margin-left: 140px;}
@keyframes scroll{
    from{
        transform:translateX(0)
    }
    to{
        transform:translateX(calc(-50% - 30px ))
    }
}