2601_96869895的博客

原创 【用 100 行零依赖代码，做一页“欢度中秋“的华丽星空】

从拿到需求到最后一帧动画落地，这个中秋页面只用了很少的代码，却完整覆盖了"视觉——氛围——互动"三个层次。通过控制多个径向渐变的光源位置与透明度，可以伪造出"受光不均匀的球体"错觉——这是不少拟物风格常用的手法。页面中央放置了中秋诗词轮播：从苏轼的"但愿人长久，千里共婵娟"，到张九龄的"海上生明月，天涯共此时"，每 6.5 秒自动切换，并带动画逐行浮现。超级月亮 —— 多位 radial-gradient 叠加出从亮白到金黄的月盘，再覆盖一层"环形山"纹理，配合三层不同半径的辉光；