鼠標在wordpress圖像上的點擊響應

Question

我想知道使用什麼插件來拼圖圖像的顏色或在鼠標上做出圖像響應。

我是新的WordPress的任何人都可以給我最好的插件列表。

我編輯這個主題：

http://themeforest.net/item/overgrowth-retina-responsive-multipurpose-theme/full_screen_preview/4896083 

請檢查這個主題，在主頁Scrolldown已頁面中的「博客」節會

請把鼠標移動到圖像，然後將圖像響應。

我在找這個。

我購買了這個主題，我正在編輯它，但我無法做到這一點。

我不知道這個名字是什麼，所以我無法在互聯網上搜索。

所以請告訴我，我將搜索什麼，這在WordPress的說。如何通過代碼或通過插件來實現？

我的過度生長視網膜主題有這個插件嗎？

任何想法或建議將非常受歡迎。

Answer 1

這種效應被用CSS3實現：

1]設定圖像容器的border-radius:100%;將圖像從一個方向的圓改變。

2]它還在藍色半透明覆蓋圖像的頂部顯示兩個隱藏元素。它們的默認狀態設置爲opacity:0;，然後在:hover上使用CSS transition顯示它們。

3]他們正在使用CSS3轉換和trandsforms來提供一個流暢的動畫，而不是CSS樣式只是陷入他們的:hover狀態。

圖像容器：懸停CSS：

.blog.blog_layout5 .span3 .post_grid_image a:hover > img, .blogging.post_grid .column.span3:hover .data-image > img, .blogging.post_grid .span3.four_column:hover .data-image > img { 
    border-radius: 100%; 
    transform: scale(1.08, 1.08); 
} 

半透明藍圈疊加：懸停CSS：

.blogging.post_grid .span3 .preview_info_wrap, .blog.blog_layout5 .preview_info_wrap { 
    border-radius: 100%; 
    transform: scale(1.08, 1.08); 
    transition: opacity 0.2s ease 0s; 
} 

圖標集裝箱重疊（在藍罩面頂部的圖標）：懸停CSS ：

.blogging.post_grid .span3 .preview_info_wrap, .blog.blog_layout5 .preview_info_wrap { 
    border-radius: 100%; 
    transform: scale(1.08, 1.08); 
    transition: opacity 0.2s ease 0s; 
}