1. Aero CSS3 Hover Effects ($13)
这是一个令人印象深刻、轻量级、响应式的图片悬停效果库,完全由纯 CSS3 实现。
2. Imagehover.css
imagehover.css是一个精心设计的CSS库,让你轻松的为图片添加悬停效果。超过 40 种效果,而压缩后只有 19KB 大小。
项目地址:https://github.com/ciar4n/imagehover.css
3. Hover.css
由 CSS3 实现的可以为链接、按钮、LOGO、SVG、图片等添加悬停效果的集合,很容易应用到你自己的元素上。提供 CSS / SASS / LESS 版本。
项目地址:https://github.com/IanLunn/Hover
下载:Hover-master
4. iHover
iHover 也是一个令人印象深刻的悬停效果集合。由纯 CSS3 实现,无依赖,可以很好的融合到 Bootstrap 3 中。
项目地址:https://github.com/gudh/ihover
5. Image Caption Hover Animation
这是一个使用 CSS3 transitions
和 transform
属性实现的使 caption
悬停在图片上的效果的例子。不需要 JavaScript,可以很好的应用于支持 CSS3 的现代浏览器。
项目地址:https://github.com/hasinhayder/ImageCaptionHoverAnimation
下载:ImageCaptionHoverAnimation-master
6. Bootstrap Hover Image Gallery
可以使用/不使用 BootStrap 的图片悬停效果库,效果非常赞。
项目地址:https://github.com/miketricking/miketricking.github.io
下载:miketricking.github.io-master
7. Animatia ($10)
Animatia 包含不同类型的设计,比如按钮样式、覆盖效果、图片效果等等。
8. CSS3 Image Hover Effects ($6)
使用最新的 CSS 属性,实现了 17 种图片悬停效果,用更独特的方式来展示你的图片。
原文/转自:值得使用的CSS库添加图像悬停效果!
相关推荐
15种CSS3图片Hover悬停效果代码,非常炫酷,css3技术。
主要利用css3transition、transform实现鼠标悬停效果,很不错的效果,定然不让你失望,可以到http://blog.csdn.net/whqet/article/details/22891391了解详情。
css3鼠标悬停动画效果
15种CSS3图片Hover悬停效果代码 15种CSS3图片Hover悬停效果代码
css3 鼠标悬停 卡片效果
5款CSS3图标鼠标悬停效果,鼠标悬停在图片上查看效果。兼容主流浏览器。 使用方法: 1、head区域引用文件 lrtk.css 2、在文件中加入<!-- 代码 开始 --><!-- 代码 结束 -->区域代码 3、复制images...
jq+css3悬停效果 jquery+css3缩略图悬停效果.zip
5款CSS3图标鼠标悬停效果,鼠标悬停在图片上查看效果。兼容主流浏览器
CSS3 的鼠标悬停效果和动画,这些可以非常轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签,必要的时候使用 before 和 after 伪元素。因为使用了 CSS3 过渡、转换和动画效果,因此只...
5款图标鼠标悬停效果,不需要js就可以实现哦,赶快下载吧
本案例由小码农前端导航提供,xmn-xdm.com CSS3鼠标悬停图片放大效果,hover效果!
jquery+css3缩略图悬停效果,超级炫
css3 鼠标悬停动画,实现了多种悬停后产生不同的动画的效果图
纯CSS3属性鼠标悬停动画过渡圈悬停效果
完全CSS写的鼠标悬停tip效果! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
15种CSS3图片Hover悬停效果代码,3图片Hover,经过图片效果,图片效果,CSS3链接效果