背景
在开发官方网站的时候,临时更换了电脑,发现原本正常的动画效果突然不动了。
经过 chrome、Microsoft Edge都无法运行。
Animate.css | A cross-browser library of CSS animations.
问题排查
通过审查元素后发现类名是注入并且生效的。
验证
然后通过其他设备终端去验证。
1、在package.json中添加 --host
然后执行npm run dev , 将Network 浏览地址发送给自己的手机或者平板,检验后发现没问题,
所以问题出在新的设备 。
解决方案
win + R 打开运行程序
输入: %windir%\system32\SystemPropertiesPerformance.exe 确定
无论你是选择哪一项设置(默认选择:让windows选择计算机的最佳设置),只要勾选 窗口内的动画控件和元素 点击"应用"即可。