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

相关推荐
Highcharts18 小时前
用Highcharts如何动态向一个序列添加点-示列讲解
前端
weixin_4316004418 小时前
做 Agent 会用到的 Node API(4):取消与 AbortController
前端·学习·ai·agent·ai编程
JiaLin_Denny18 小时前
Vue3中ref和reactive用法与双向数据绑定
前端·javascript·vue.js
用户21816970493018 小时前
Flutter(十)Container Center Align
前端
无人生还18 小时前
从 Vue3 到 React · 快速上手系列第 12 篇:并发特性与性能优化
前端·vue.js·react.js
小p18 小时前
nextjs学习9: Next.js 渲染与缓存
前端·后端
乘风gg18 小时前
AI 时代,你的编程能力在第几层?我敢说,大多数人卡在第一层
前端·ai编程·claude
东风破_18 小时前
React Router v7 实战:用路由配置、懒加载与嵌套路由搭建一个完整的 SPA
前端
引山洪0818 小时前
Babylon.js 8.x 中文文档整理——Node篇 (上)
前端·webgl
柒和远方18 小时前
V058:前端路由的第一性原理:从 hashchange 手写路由,到 React Router 的嵌套与懒加载
前端·javascript·react.js