问题描述
大家好,我是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>