imagehover的安装和使用

最新推荐文章于 2026-05-16 07:33:00 发布

原创最新推荐文章于 2026-05-16 07:33:00 发布 · 464 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

html

当前文章被收录于：

html

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文档介绍了如何安装和在项目中使用imagehover.css。首先，通过访问官网或使用npm安装。下载后，将文件夹引入项目并开始使用。

首先我们要进入到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>