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

相关推荐
烛阴1 分钟前
C#继承与多态全解析,让你的对象“活”起来
前端·c#
狗哥哥4 分钟前
Swagger对接MCP服务:赋能AI编码的高效落地指南
前端·后端
zl_vslam5 分钟前
SLAM中的非线性优-3D图优化之相对位姿Between Factor(六)
前端·人工智能·算法·计算机视觉·slam se2 非线性优化
申阳5 分钟前
Day 18:01. 基于 SpringBoot4 开发后台管理系统-快速了解一下 SpringBoot4 新特性
前端·后端·程序员
500佰9 分钟前
技术包办模式给我带来的反思
前端
g***727012 分钟前
spring-boot-starter和spring-boot-starter-web的关联
前端
用户414292960723914 分钟前
解决「买不到、买得贵、买得慢」:反向海淘独立站的核心功能设计与案例复盘
前端·后端·架构
N***p36516 分钟前
SpringBoot返回文件让前端下载的几种方式
前端·spring boot·后端
五号厂房17 分钟前
网络请求库通用封装(GET/POST + 超时 + 传参)+fetch
前端
小雨青年19 分钟前
智能交互新范式:拒绝“黑盒”,带你用 MateChat 与 DSL 构建“高可靠”的 NL2UI 引擎
前端·ai·华为云