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

相关推荐
肥肠可耐的西西公主16 分钟前
前端(AJAX)学习笔记(CLASS 2):图书管理案例以及图片上传
前端·笔记·学习
大胖丫17 分钟前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月19 分钟前
ES6相关操作(2)
前端·javascript·es6
陈浩源同学19 分钟前
学习 TypeScript 栈和队列数据结构
前端·算法
我这一生如履薄冰~21 分钟前
简单封装一个websocket构造函数
前端·javascript·websocket
fangcaojushi21 分钟前
解决webpack5.54打包图片及图标的问题
前端·vue.js
海盗强21 分钟前
Webpack打包优化
前端·webpack·node.js
星之卡比*23 分钟前
前端面试题---vite和webpack的区别
前端·面试
^^为欢几何^^28 分钟前
npm、pnpm和yarn有什么区别
前端·npm·node.js
AC-PEACE1 小时前
Vue 中 MVVM、MVC 和 MVP 模式的区别
前端·vue.js·mvc