當(dāng)今時(shí)代，網(wǎng)站是與客戶進(jìn)行互動(dòng)的一種很好的方式，網(wǎng)站中需要添加圖片，但單純的在網(wǎng)站中貼張圖片是不夠的，你還需要一些效果，使其更加的有趣和具有互動(dòng)性。因此，本文為大家收集了 8 個(gè)為圖片添加 Hover 效果的 CSS 庫(kù)，可以大大的增加你網(wǎng)站的交互性。

1. Aero CSS3 Hover Effects

這是一個(gè)令人印象深刻、輕量級(jí)、響應(yīng)式的圖片懸停效果庫(kù)，完全由純 CSS3 實(shí)現(xiàn)。

2. Imagehover.css

imagehover.css是一個(gè)精心設(shè)計(jì)的CSS庫(kù)，讓你輕松的為圖片添加懸停效果。超過(guò) 40 種效果，而壓縮后只有 19KB 大小。

3. Hover.css

由 CSS3 實(shí)現(xiàn)的可以為鏈接、按鈕、LOGO、SVG、圖片等添加懸停效果的集合，很容易應(yīng)用到你自己的元素上。提供 CSS / SASS / LESS 版本。

4. iHover

iHover 也是一個(gè)令人印象深刻的懸停效果集合。由純 CSS3 實(shí)現(xiàn)，無(wú)依賴，可以很好的融合到 Bootstrap 3 中。

5. Image Caption Hover Animation

這是一個(gè)使用 CSS3 transitions 和 transform 屬性實(shí)現(xiàn)的使 caption 懸停在圖片上的效果的例子。不需要 JavaScript，可以很好的應(yīng)用于支持 CSS3 的現(xiàn)代瀏覽器。

6. Bootstrap Hover Image Gallery

可以使用/不使用 BootStrap 的圖片懸停效果庫(kù)，效果非常贊。

7. Animatia

Animatia 包含不同類型的設(shè)計(jì)，比如按鈕樣式、覆蓋效果、圖片效果等等。

8. CSS3 Image Hover Effects

使用最新的 CSS 屬性，實(shí)現(xiàn)了 17 種圖片懸停效果，用更獨(dú)特的方式來(lái)展示你的圖片。

via：designemag.com，本文由 Specs 翻譯整理，發(fā)布在 WEB資源網(wǎng)。