现在通过npm安装了动画CSS,这是什么?

问题描述

大家好,我是Node的新手。 我已经通过npm安装了 animate.css ,并在它像通常的JSON包文件一样创建的HTML <div>元素上对其进行了测试。代码例如:

<h1 class="animate__animated animate__pulse">Animate Box</h1>
<div class="animate-Box animate__animated animate__pulse"></div>

什么都没有动?我是否必须将其链接到头部?

谢谢你的菜鸟问题:D

解决方法

要与npm软件包一起使用,您需要一个完整的资产构建堆栈,该堆栈可以将animate.css编译为您的页面已使用的CSS捆绑包。

因为您说过您是编码的新手,所以我强烈建议您暂时远离该主题。相反,只需利用其他建议的方法,包括通过内容分发网络(CDN)的animate.css

<head>
  <link
    rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
  />
</head>