3D 悬停注解卡片:悬停卡片时会在顶部显示另一张 3D 效果的卡片,卡片也具有倾斜效果。这种效果可以使用vanilla-tilt.js库和CSS来创建。
安装:这可以通过使用节点包管理器 (npm) 或通过在代码中添加 CDN 链接来安装。
-
npm 命令:
npm install vanilla-tilt
-
CDN链接:
https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-tilt.min.js
示例:下面的示例使用tilt.js 创建3D 悬停效果卡。
HTML
You Are On
Geeks For Geeks
输出: