|
使用微软的 fluentui 库中的 Toast 组件时， 文档页面中的示例拥有动画效果，而我在本地项目中引用的组件没有动画效果，百思不得其解，各种方法都试过了，最后发现是因为没有开启操作系统中的动画效果。
虽然开启后动画效果一切正常了，但是又引申出另一个问题：同一台电脑同一个浏览器，为什么文档页面中的示例有动画效果，而本地项目中的组件没有动画效果呢？
搜了一下，发现一个叫做 prefers-reduced-motion 的属性，当操作系统设置了减弱动画效果/无动画时，浏览器可以根据这个属性来减弱动画；而 fluentui 中的确默认应用了这个属性，到此为止这个问题终于算是搞明白了。
| 
