解决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. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-25 00:00:04       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-25 00:00:04       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-25 00:00:04       87 阅读
  4. Python语言-面向对象

    2024-03-25 00:00:04       96 阅读

热门阅读

  1. a为何值是下面代码输出“成立“

    2024-03-25 00:00:04       41 阅读
  2. 01-Pandas的方法介绍

    2024-03-25 00:00:04       39 阅读
  3. 定义了服务器的端口号和Servlet的上下文路径

    2024-03-25 00:00:04       47 阅读
  4. OpenCV支持哪些类型的文件格式读写?

    2024-03-25 00:00:04       41 阅读
  5. 周报_第四十六周

    2024-03-25 00:00:04       39 阅读
  6. Spring Cloud微服务功能及其组件详细讲解

    2024-03-25 00:00:04       34 阅读
  7. ES6—运算符的扩展

    2024-03-25 00:00:04       34 阅读
  8. python 模块与包

    2024-03-25 00:00:04       39 阅读
  9. 日期时间api

    2024-03-25 00:00:04       38 阅读
  10. 100个shell常用命令

    2024-03-25 00:00:04       44 阅读