CSS3為我們開發提供了很多特效，如鼠標懸停，線性漸變，在web開發早期常用的是鼠標懸停，他是網頁制作的常用特效之一，早期使用Flash可以制作非常炫的效果，后來慢慢演變成現在的是圖片懸停效果，現在我們同樣也可以使用CSS3來實現，這些效果被用來創建吸引人的視覺效果。
今天就分享12個精心收藏的CSS3圖片懸停效果，通過使用這些圖像懸停效果，你可以讓你的網頁設計看起來更具互動性和視覺上的吸引力。
進一步閱讀
推薦35個精心挑選的jquery圖像內容滑塊
開發人員應該知道的15個吸引力的jquery lightbox插件推薦
jquery視差推薦：nikebetterworld視差平滑滾動效果
20個真棒的jquery和css打造的圖片動畫效果（網站背景隨時變換,廣告牌效果..）！
25美麗大氣的jQuery滑塊插件推薦
這里可以如何創建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我們將要創建靈活先進的懸停技術，
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