˄

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 瀏覽器

目前有0則留言
分享您的留言
顯示名稱:

電子郵件:

(不會公佈)

連結網址:

(請輸入完整網址含 https://)

留言內容:

 訂閱本站文章