Angular 实现字幕横向移动

可以使用 CSS3 中的动画属性来实现字幕的横向移动。首先需要给字幕容器添加一个 overflow: hidden 的属性，然后在 CSS 中添加以下样式：

.subtitle {
animation: moveX 10s linear infinite;
white-space: nowrap;
}

@keyframes moveX {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}

这段代码中，animation 属性指定了动画名称、持续时间、过渡方式和重复次数。moveX 是动画名称，10s 指定了动画的持续时间，linear 指定了动画的过渡方式，infinite 指定了动画的重复次数为无限。white-space 属性设置为 nowrap 可以防止字幕换行。在 @keyframes 中定义了动画的两个关键帧，0% 表示动画开始时的状态，transform: translateX(0) 表示不进行位移，100% 表示动画结束时的状态，transform: translateX(-100%) 表示进行横向位移。这样就可以实现字幕的横向移动了。