减少 CSS 中的动画效果,是不是很简单理解?
这是 media query 的一种,是判断用户的游览器有被设置才会有效果,所有游览器都支持(除了 IE)
是 Media Queries Level 5,Editor's Draft(但是所有游览器都支持咯)
@media (prefers-reduced-motion: reduce) { .animation { animation: none; 当用户游览器设置后,将会启动这个 } }
Link:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media/prefers-reduced-motion
https://web.dev/prefers-reduced-motion/