解决Animate.css动画效果无法在浏览器运行问题

背景

在开发官方网站的时候,临时更换了电脑,发现原本正常的动画效果突然不动了。

经过 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选择计算机的最佳设置),只要勾选 窗口内的动画控件和元素 点击"应用"即可。

相关推荐
Shaneyxs19 小时前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(10)
前端
Shaneyxs19 小时前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(05)
前端
Shaneyxs19 小时前
从 0 到 1 实现CloudBase云开发 + 低代码全栈开发活动管理小程序(08)
前端
掘金一周19 小时前
【用户行为监控】别只做工具人了!手把手带你写一个前端埋点统计 SDK | 掘金一周 12.18
前端·人工智能·后端
前端 贾公子19 小时前
Eruda:移动端网页调试利器
前端·javascript·vue.js
Hashan19 小时前
Elpis:抽离业务代码,发布NPM包
前端·javascript·vue.js
quikai198119 小时前
python练习第六组
java·前端·python
用户479492835691519 小时前
0.1加0.2为什么不等于0.3-答不上来的都挂了
前端·javascript·面试
rit843249919 小时前
C#实现的远程控制系统
前端·javascript·c#
诺斯贝克20 小时前
Unable to create converter for xxx.NetworkResponse<Auth> for method AuthService
前端·后端