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

相关推荐
河阿里15 小时前
HTML5标准完全教学手册
前端·html·html5
吴声子夜歌15 小时前
Vue3——新语法
前端·javascript·vue.js
jiayong2315 小时前
第 36 课:任务详情抽屉快捷改状态
开发语言·前端·javascript·vue.js·学习
FFF_6345602315 小时前
通用 vue 页面 js 下载任何文件的方法
开发语言·前端·javascript
光影少年16 小时前
中级前端需要会的东西都有那些?
前端·学习·前端框架
琢磨先生TT16 小时前
为什么很多后台系统功能不少,看起来却还是很廉价?
前端·vue.js·设计
ekuoleung16 小时前
量化平台中的 DSL 设计与实现:从规则树到可执行策略
前端·后端
小研说技术16 小时前
实时通信对比,一场MCP协议的技术革命
前端·后端·面试
kyriewen16 小时前
React Hooks原理:为什么不能写在if里?揭开Hook的“魔法”面纱
前端·react.js·前端框架
敲代码的彭于晏16 小时前
Claude Code Token 烧得太快?这8个方案帮你立省90%!
前端·ai编程·claude