首頁線上工具開發工具

filter.css 利用 CSS 就能將照片套用各種不同的風格特效

filter.css 利用 CSS 就能將照片套用各種不同的風格特效

在網頁要呈現照片的特殊效果，難免都要用到圖片編輯軟體中的濾鏡功能，不過現在透過 CSS 也能達到濾鏡的功能，filter.css 這個網站提供一組 CSS 語法並搭配說明，讓 div 區塊中的圖片就能立即套用濾鏡，呈現不同的風格特效。

🔔 不錯過任何精彩！ 立即訂閱我們的 LINE 官方帳號

每次發佈新文章時，您將會第一時間收到本站文章連結通知，輕鬆掌握最新資訊！

使用 LINE 追蹤文章更新

§相關文章，還可以參閱：

如何使用 filter.css？

1.使用瀏覽器進入 filter.css 網站，可先來看看各種濾鏡所做出的特效。

filter.css 利用 CSS 就能將照片套用各種不同的風格特效

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

filter.css 利用 CSS 就能將照片套用各種不同的風格特效
filter.css 利用 CSS 就能將照片套用各種不同的風格特效

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

filter.css 利用 CSS 就能將照片套用各種不同的風格特效
filter.css 利用 CSS 就能將照片套用各種不同的風格特效

4.實作。

filter.css 利用 CSS 就能將照片套用各種不同的風格特效
filter.css 利用 CSS 就能將照片套用各種不同的風格特效
※實測目前不支援 Microsoft IE 與 Edge 瀏覽器