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