CSS 自动左右滚动内容实现方法 - 详细教程

<div class="content"><!-- 内容 --></div></div><style>@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } /* 以左滚动为例，如果要右滚动，将-100%改为100% */ } .scroll-container { overflow: hidden; white-space: nowrap; } .content { display: inline-block; animation: scroll 10s linear infinite; /* 滚动时间为10秒，可以根据需要进行调整 */ }</style>