CSS prefers-reduced-motion

减少 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/

CSS prefers-reduced-motion

上一篇:uci.js文件解析


下一篇:vue.js安装 nodejs安装配置