纯css实现鼠标悬停图文展示

纯css实现鼠标悬停图文展示,卡片效果,鼠标悬停在图片上即动效显示

使用方法

1.引入必要文件

<link rel="stylesheet" href="style.css">

2.HTML上使用

/*其中一张图片*/
<div class="box">
    <div class="imgBox">
        <img src="img1.png" alt="">
    </div>
    <div class="content">
        <h2>Welcome to this text<br>
        <span>NTX-2020-4-17</span></h2>
    </div>
</div>
/*其它两张亦然,此处不贴重复代码*/

3.运行即可实现效果

更新时间 2020-04-22 18:49:55,本资源已通过Awesomes审核检验,请放心使用!
如下载遇到问题,请联系客服解决
下载地址
此插件下载需要0A币,请登录后进行下载。
请文明评论,与人为善,比聪明更重要!
评论