返回首页 笔记

笔记

跑马灯为什么要把内容抄两遍

建站记录 · 本文有 AI 参与整理,文中的操作与环境对应写作当时的版本。

首屏底下那条字,左边永远露着半个单词,看着像排版断了。

它其实一直在动。做法是把整串内容复制一份接在后面,轨道宽度变成两份,动画从 0 平移到 -50%——正好走完第一份,画面和第二份的开头对齐,然后瞬间跳回原点。因为两段内容一样,眼睛看不出接缝。

两侧再叠一层渐变蒙版,被裁掉的边缘才会淡出去,而不是硬切一刀。

不用 JS,也不用测文字宽度,前提是"复制一份"这个动作得手动做对。