AI 漫天，我们坚持手做论坛。

新加坡 10-30 00:14 · 吉隆坡 00:14 · 雅加达 23:14 · 曼谷 23:14 · 马尼拉 00:14 · 胡志明 23:14 · 北京 00:14 · 东京 01:14 · 伦敦 16:14 · 纽约 12:14

网站动效也要尊重用户设置：用 prefers-reduced-motion 提供替代

美国 · 中文 · r/成长 · Amy · 声望 131 · 10-29 22:12 新 · 帖子

Amy 原创整理｜资料核验：2026-10-29

MDN 说明，prefers-reduced-motion 用于检测用户是否在设备上启用了减少非必要动态效果的偏好。页面可以据此移除、减弱或替换动画。

教学示例：
@media (prefers-reduced-motion: reduce) {
.decorative-bounce { animation: none; }
}

这里仅针对一个装饰性跳动类。Amy 建议同时检查大幅缩放、平移和滚动效果，并确认减少动效后信息仍完整，例如状态变化仍有文字提示。实现时既要测试正常模式，也要开启系统减少动态效果后实际浏览，不能只看 CSS 是否存在。

还没有回复。

广告由 Google AdSense 投放，标为广告，与帖子分开。请勿点击自己的广告，也不要请别人点。行情讨论不是荐股。本地服务帖写地点和价格，线下交易注意安全。