跑马灯

Marquee

如果你管它叫……

「一直滚的那个条」「无限滚动的横幅」「logo 滚动墙」「不停飘的字幕」「底部滚动公告」「自己滚的一排图标」「循环滚动的字」

LIVE DEMO真实可交互，动手试试

VERTEXOrbitQUADRANovaPRISMHexalVERTEXOrbitQUADRANovaPRISMHexal

悬停可暂停滚动

英文名: Marquee
别名 · 俗称: 滚动横幅无限滚动条文字滚动条css: @keyframes translateX
Web 叫法: Marquee（@keyframes translateX）
大白话定义: 一行字或一排 logo 不停往一边滚，首尾接上循环播，不用人动手。
部位拆解: 滚动轨道 Track装着内容的横向长条，一直平移
重复内容 Duplicated Content复制一份接在后面，滚动不断档
速度 Speed滚多快，一般匀速慢滚

提示词已按当前平台组织好，复制粘贴给 AI 即可

Web

在首页加跑马灯（Marquee）：一排合作方 logo 用 @keyframes translateX 匀速左滚，无限循环，悬停时暂停

调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI

调试我的跑马灯（Marquee）。逐一排除：内容只放一份没复制，滚到尾部露白断档；动画位移距离没按内容实际宽度算，接缝处猛地跳一下；悬停暂停后 transform 被重置，整条跳回起点；内容太多滚得太慢，用户等半天看不全。症状是：

易混对比组

一屏一屏翻、整条自己滚