麥克斯與沃普雷司

WordPress CSS Image Hover – 圖片特效式樣設計

WordPress CSS Image Hover

WordPress CSS Image Hover - 圖片特效式樣設計

WordPress CSS Image Hover 不裝外掛程式,也可以做成圖片特效式樣設計。

我自己的 WordPress 網站內容,對於圖片的效果僅止於做些陰影讓版面有點立體感。很多朋友或是客戶的網站,對於圖片的效果需求就沒有這麼簡單,希望圖片的越多效果越好,感覺月能吸引訪客的注意。在官網上也真的可以找到很多關於圖片效果的外掛程式,不過今天我們要來分享一下,透過簡單的 CSS 式樣設計,讓訪客在瀏覽圖片時因為滑鼠經過而有一些特殊的效果,這樣的設計方式,需要一點點的網頁設計,新手朋友可以操作學習看看。

 

WordPress CSS Image Hover

 

 

 

 

 

 

結論

今天分享的設計技巧可以運用在首頁上,如果有分類圖片時有不錯的效果,除了翻轉特效以外,也可以讓訪客在點選分類以前看見說明文字。設計的檔案不大就有不錯的效果。當然如果還想要擁有其他更多的是效果,可以考慮購買作者的付費版本,那麼特效多達 216種。

Exit mobile version