📜  使用tilt.js 设计3D 悬停注释卡

📅  最后修改于: 2021-08-31 07:37:28             🧑  作者: Mango

3D 悬停注解卡片:悬停卡片时会在顶部显示另一张 3D 效果的卡片,卡片也具有倾斜效果。这种效果可以使用vanilla-tilt.js库和CSS来创建。

安装:这可以通过使用节点包管理器 (npm) 或通过在代码中添加 CDN 链接来安装。

  • npm 命令:

    npm install vanilla-tilt
  • CDN链接:

示例:下面的示例使用tilt.js 创建3D 悬停效果卡。

HTML


  

    
    
    
    
  
    

  

    
                    
            You Are On         
                    
            Geeks For Geeks         
    
              


输出:

3D 悬停注释卡