今天折腾的是博客页脚上那条粉色虚线。 一开始的目标很简单：把 Reimu 主题页脚里的粉色线段换成站点里已经使用的团子图标，再让它动起来。听起来只是改一段 CSS，实际做下来却踩了不少前端动画里常见的坑：背景平铺、循环复位、DOM 生成时机、元素裁切、动画相位，以及“看起来像动了”和“真的自然动了”之间的差别。 先确认目标元素 最开始犯的错误是改错对象。 Reimu 页脚里有两个很像“页脚装饰”的东西：一个是版权文字旁边的小旋转图标，另一个才是上方那条粉色虚线。版权图标对应的是配置里的： 123footer: icon: url: "../images/taichi.pn
