さぁ下剋上、自分を越えていけ！
按主题折叠整理。选择一组，展开阅读。
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the …
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using H…
壁纸的 blur 是贵的，贵到合成器想偷懒。让滤镜层永远不透明，把渐显交给上面那块纯色 plate，光栅化只发生一次。这个思路也顺手修好了主题切换的突兀感。
景深的关键不是模糊，是速度差。壁纸 14、网格 7，两层以两倍速错开，立体感就出来了。右边的黑边是全局 img { max-width: 100% } 压的，max-width: none 解放它。
删掉装饰的那一刻页面突然安静了。留白不是没有内容，是内容在呼吸。这一期记录了首页重写的全部决策，包括哪些东西差点被留下。
壁纸的 blur 是贵的，贵到合成器想偷懒。让滤镜层永远不透明，把渐显交给上面那块纯色 plate，光栅化只发生一次。这个思路也顺手修好了主题切换的突兀感。
景深的关键不是模糊，是速度差。壁纸 14、网格 7，两层以两倍速错开，立体感就出来了。右边的黑边是全局 img { max-width: 100% } 压的，max-width: none 解放它。
背景网格不是背景图，是每一帧都在重画的 Canvas。相位 ((now - sweepStart) / 4000) % 1 决定光带扫到哪里，宽描边替代 shadowBlur 之后光晕反而更亮，因为模糊不再由合成器现场计算。 为什么用 Path2D网格路径每一帧都不变，变的只有描…
转场不是动画，是时序表。飞线延伸 500ms + 900ms，行进 1400ms，顶栏在落线前 400ms 从上滑入——全部由 CSS 变量驱动，JS 只负责在正确的时刻加减类名。 黑屏的意义黑屏不是遮丑，是承诺：它告诉访客”接下来的东西值得等”。所以背景必须最后加载，任何元素都…
顶栏的 z-index 是 261，转场层是 240，但它就是被压在下面。原因：.app-shell 上的 z-index: 1 创建了层叠上下文，把内部所有 z-index 都关在了自己的世界里。 解法把 <header> 移到 .app-shell 外面，成为 b…
背景网格不是背景图，是每一帧都在重画的 Canvas。相位 ((now - sweepStart) / 4000) % 1 决定光带扫到哪里，宽描边替代 shadowBlur 之后光晕反而更亮，因为模糊不再由合成器现场计算。 为什么用 …
转场不是动画，是时序表。飞线延伸 500ms + 900ms，行进 1400ms，顶栏在落线前 400ms 从上滑入——全部由 CSS 变量驱动，JS 只负责在正确的时刻加减类名。 黑屏的意义黑屏不是遮丑，是承诺：它告诉访客”接下来的东…
顶栏的 z-index 是 261，转场层是 240，但它就是被压在下面。原因：.app-shell 上的 z-index: 1 创建了层叠上下文，把内部所有 z-index 都关在了自己的世界里。 解法把 <header>…