.crawler-article{max-width:72ch;margin:2rem auto;padding:1rem;font:16px/1.65 system-ui,sans-serif;white-space:normal}.crawler-article pre{white-space:pre-wrap;font:inherit}

四段壁纸开关的陶瓷滚动重制

四段壁纸开关按参考图重制为暖象牙陶瓷椭圆壳与统一内沿，并换上四个高辨识时段节点。36px 选中轮以可中断 transform 平移，独立外圈按物理距离滚转而内部天体保持正向；晨光上展、两朵白云横移、余晖横向展开、星群上升。键盘／motion-off 即时完成，reduced-motion 不做位置移动，low／Save-Data 跳过 accent。

# 四段壁纸开关的陶瓷滚动重制

网站右上角的四段壁纸开关再次精修。时间自动切换、手动选择只持续到下一真实边界的行为保持不变，这次重点统一了参考图中的材质、轮廓和滚动手感。

## 暖象牙陶瓷椭圆

- Image2 重新制作暖象牙陶瓷外壳、统一对齐的椭圆内沿，以及更接近参考图的清透天空底色。
- 早上、白天、傍晚和夜晚使用四个高辨识语义节点，不再让未选中状态融进背景。
- 当前档位使用 36px 选中轮，在框内保留细小安全间距。

## 外圈滚动，天体保持正向

选中轮以可中断的 transform 在四个档位间平移。独立外圈按实际移动距离旋转，形成连续的物理滚动；圆心里的晨日、正午太阳、落日或月亮始终保持正向，不会跟着倒转。快速连续选择可以从当前帧重定向到最新目标。

## 四个时段，四种入场

- morning：晨光从下方向上展开。
- day：两朵白云沿水平方向轻快横移。
- dusk：余晖以低位水平带向两侧展开。
- night：稀疏星群从下方升起。

这些 accent 只服务当前主题，不堆叠额外场景元素。键盘操作和 motion-off 即时提交；reduced-motion 移除位置运动，只保留必要的短淡化；low 性能档与 Save-Data 跳过 accent，但保留完整色场、四个节点和时间切换。

--:--

PIXEL APP LuSu OS

阅读进度 0%

搜索知识库

我的昵称：

普通房间每 5 秒自动刷新