请选择 进入手机版 | 继续访问电脑版

淘码站

 找回密码
 立即注册
搜索

纯CSS3鼠标滑过图片效果动画库imagehover.css

[复制链接]
admin 发表于 2020-12-19 15:45:00 | 显示全部楼层 |阅读模式
JS插件
演示地址: 在线预览

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
WX20201219-153837.png
imagehover.css-纯CSS3鼠标滑过图片效果动画库,44种鼠标滑过效果


使用方法
使用时要在页面中引入imagehover.css或imagehover.min.css文件。
  1. <link type="text/css" rel="stylesheet" href="css/imagehover.min.css" />
复制代码

HTML结构
在页面中使用下面的HTML结构,图片的src指向你需要的图片,Hover Content是鼠标滑过时显示的内容,可以自定义。在<figure>元素中,你可以将class设置为一种你需要的鼠标滑过图片效果的class类。

  1. <figure class="imghvr-fade">
  2.     <img src="#">
  3.     <figcaption>
  4.         // Hover Content
  5.     </figcaption>
  6.     <a href="#"></a>
  7. </figure>
复制代码

详情请看演示地址

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|淘码站 ( 冀ICP备10006923号-17 )

GMT+8, 2021-9-26 21:27

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表