当前位置: 首页 > 工具软件 > Image Hover > 使用案例 >

imagehover的安装和使用

刁英朗
2023-12-01

首先我们要进入到imagehover的官网

http://www.imagehover.io/

1、进入网站后进行下载把 imagehover 下载下来 也可以 npm下载 npm install imagehover.css
2、下载完文件后,把文件夹放入到你项目中 引入样式

 <link rel="stylesheet" href="./css/imagehover.min.css">

3、使用方式

<figure class="imghvr-shutter-out-diag-1"> //这里引入class引入你的想要样式
        <img src="../api3.png" alt=""> //这里引入你的图片
        <figcaption>  // 这里是你划过后的出来文字
            小可爱
        </figcaption>
    </figure>
 类似资料: