关于 CSS Loading
- 所有动画为纯 CSS(无 JavaScript、无图片),适合任何前端框架
- 用 CSS 变量
--c和--s控制颜色和尺寸,方便主题化 - 所有动画使用 GPU 加速属性 (transform / opacity),性能流畅
- 建议在加载场景包裹一层骨架屏 (skeleton) 减少视觉跳动
无障碍提示
- 添加
role="status"和aria-label="正在加载"让屏幕阅读器识别 - 对动画敏感用户:用
@media (prefers-reduced-motion)改为静态状态 - 持续 30 秒以上的加载,建议改为骨架屏或进度条