CSS3为我们开发提供了很多特效，如鼠标悬停，线性渐变，在web开发早期常用的是鼠标悬停，他是网页制作的常用特效之一，早期使用Flash可以制作非常炫的效果，后来慢慢演变成现在的是图片悬停效果，现在我们同样也可以使用CSS3来实现，这些效果被用来创建吸引人的视觉效果。
今天就分享12个精心收藏的CSS3图片悬停效果，通过使用这些图像悬停效果，你可以让你的网页设计看起来更具互动性和视觉上的吸引力。
进一步阅读
推荐35个精心挑选的jquery图像内容滑块
开发人员应该知道的15个吸引力的jquery lightbox插件推荐
jquery视差推荐：nikebetterworld视差平滑滚动效果
20个真棒的jquery和css打造的图片动画效果（网站背景随时变换,广告牌效果..）！
25美丽大气的jQuery滑块插件推荐
CSS3 Image Hover Effects
（演示 | 下载）
这里可以如何创建CSS3图像悬停效果。在这里有9张图像，他们有自己的悬停效果。
Sexy Image Hover Effects Using CSS3
（演示 | 下载）
这里创建一个鼠标放上去滑动的CSS图像悬停效果。
Awesome CSS3 Images Stacked Elements
（演示 | 下载）
在这个教程中，将向您展示如何创建一个简单的'堆叠'效果。
Simple CSS3 Slick Animated Image Caption
（演示 | 下载）
这是一个简单的CSS3动画形象的标题。这是很常见的，有用的。
Fancy CSS3 Transitions Image Gallery
（演示 | 下载）
CSS3过渡效果是通过改变HTML元素的动画来产生的。换句话说，我们可以不使用JavaScript在网页中创建动画，只用纯CSS。
A Dynamic Stack of Index Cards (CSS3)
（演示 | 下载）
使用CSS3功能转换和过渡的动态效果我们将创建一个动态的一叠索引卡片
Snazzy Hover Effects Using CSS3
（演示 | 下载）
使用CSS3我们将要创建灵活先进的悬停技术，
Popout Details on Hover CSS3
（演示 | 下载）
Css3 Tricks Animation Featured Boxes
（演示 | 下载）
CSS3 image hover effects width caption| NO JAVASCRIPT
（演示 | 下载）
显示标题文本的图像悬停效果。
Multiple Type of Image hover/mouse Rollover Effect in CSS3
（演示 | 下载）
CSS3 Animation, Shadows image Hover Effect
（演示 | 下载）
一个时尚的形象画廊利用CSS3动画，阴影和“变换”属性立即添加平稳悬停效果的图像
hide
的方法)
