笔记
跑马灯为什么要把内容抄两遍
约 183 字 · 阅读约 1 分钟
建站记录 · 本文有 AI 参与整理,文中的操作与环境对应写作当时的版本。
首屏底下那条字,左边永远露着半个单词,看着像排版断了。
它其实一直在动。做法是把整串内容复制一份接在后面,轨道宽度变成两份,动画从 0 平移到 -50%——正好走完第一份,画面和第二份的开头对齐,然后瞬间跳回原点。因为两段内容一样,眼睛看不出接缝。
两侧再叠一层渐变蒙版,被裁掉的边缘才会淡出去,而不是硬切一刀。
不用 JS,也不用测文字宽度,前提是"复制一份"这个动作得手动做对。