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

相关推荐
23级二本计科21 小时前
前端 HTML + CSS + JavaScript
前端·css·html
踩着两条虫21 小时前
VTJ.PRO「AI + 低代码」应用开发平台的后端模块系统
前端·人工智能·低代码
pany21 小时前
程序员近十年新年愿望,都有哪些变化?
前端·后端·程序员
朱昆鹏21 小时前
IDEA Claude Code or Codex GUI 插件【开源自荐】
前端·后端·github
HashTang21 小时前
买了专业屏只当普通屏用?解锁 BenQ RD280U 的“隐藏”开发者模式
前端·javascript·后端
双向3321 小时前
Agent智能体:2026年AI开发者必须掌握的自主系统革命
前端
布列瑟农的星空21 小时前
通用语法校验器tree-sitter——C++语法校验实践
前端
用户812748281512021 小时前
libgui中的BufferQueueProducer加入堆栈CallStack编译报错问题-大厂企业实战项目难题
前端
明月_清风21 小时前
从"请求地狱"到"请求天堂":alovajs 如何用 20+ 高级特性拯救前端开发者
前端·后端
xuedaobian21 小时前
Markdown 宽表格突破容器边界滚动方案
前端·css