分享到 Facebook 分享到 Google+
▌訂閱、追蹤本站最新文章

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

在網頁要呈現照片的特殊效果,難免都要用到圖片編輯軟體中的濾鏡功能,不過現在透過 CSS 也能達到濾鏡的功能,filter.css 這個網站提供一組 CSS 語法並搭配說明,讓 div 區塊中的圖片就能立即套用濾鏡,呈現不同的風格特效。
【filter.css 網站資訊】
網站語言:英文
服務性質:免費
如何使用 filter.css?

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

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

ContentPhoto2417

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

ContentPhoto2417

4.實作。
ContentPhoto2417

ContentPhoto2417



※實測目前不支援 Microsoft IE 與 Edge 瀏覽器
延伸閱讀
§歡迎加入臉書粉絲團 §歡迎加入Google+社交圈
目前有0則留言
*暱稱
*電子郵件 (不會公佈)
網址
(1.請輸入完整網址含http:// 2.將會在暱稱後使用該連結)
*留言內容