
在網頁要呈現照片的特殊效果,難免都要用到圖片編輯軟體中的濾鏡功能,不過現在透過 CSS 也能達到濾鏡的功能,filter.css 這個網站提供一組 CSS 語法並搭配說明,讓 div 區塊中的圖片就能立即套用濾鏡,呈現不同的風格特效。
filter.css 網站資訊
1.使用瀏覽器進入 filter.css 網站,可先來看看各種濾鏡所做出的特效。

2.將網頁下拉,點擊[ Get'em on GitHub ],進入 CSS 語法下載網頁後,再點擊[ Download ZIP]。


3.解壓縮後,將 filter.css 檔,複製到要使用的網頁開發專案中;接下來便是要如何使用,將上圖的網頁頁面繼續往下,便可看到說明。


4.實作。


※實測目前不支援 Microsoft IE 與 Edge 瀏覽器