香草倾斜不起作用。控制台没有错误

Question

我正在通过可怕的教程制作玻璃变形卡（几乎脱离地狱！）。我已经下载了 Vanilla Tilt JS，将脚本添加到我的正文中，将查询选择器添加到我的元素中，但仍然没有任何结果？！我最近犯的错误很荒谬，我对一切都想得太多，因此错过了简单的事情！请帮忙！

VanillaTilt.init(document.querySelector(".card"), {
  max: 25,
  speed: 400,
  glare: true,
  "max-glare": 1,

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.2/vanilla-tilt.min.js" integrity="sha512-K9tDZvc8nQXR1DMuT97sct9f40dilGp97vx7EXjswJA+/mKqJZ8vcZLifZDP+9t08osMLuiIjd4jZ0SM011Q+w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

<div class="card">
  <div class="content">
    <h2>02</h2>
    <h3>Tech Stuff</h3>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequuntur tenetur laborum repellendus maxime excepturi nisi enim? Perferendis est nulla explicabo?</p>
    <a href="#">Check it out</a>
  </div>
</div>

<div class="card">
  <div class="content">
    <h2>03</h2>
    <h3>Tech Stuff</h3>
    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consequuntur tenetur laborum repellendus maxime excepturi nisi enim? Perferendis est nulla explicabo?</p>
    <a href="#">Check it out</a>
  </div>
</div>

Answer 1

确保您已将

vanilla-tilt.js

导入到

angular.json

中，如下所示：

"build": [
  ...
  "scripts": [
    "./node_modules/vanilla-tilt/dist/vanilla-tilt.js"
  ],
]

并重新启动服务器以检查是否有效。