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

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

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

filter.css 網站資訊

 訂閱關鍵應用,軟體應用技巧再升級 


如何使用 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 瀏覽器

相關文章



 站內搜尋 


˄