喜歡 Instagram 圖片濾鏡效果嗎? 透過 Instagram.css 網站就可輕鬆達成

喜歡 Instagram 圖片濾鏡效果嗎? 透過 Instagram.css 網站就可輕鬆達成

Instagram 是個圖片與影片分享社群網站,其中最讓人喜愛的便是圖片的濾鏡效果,有了濾鏡的色彩協助,它可以快速的讓圖片變得更有質感,手機內建的相機功能也有提供濾鏡功能,拍完照片,就能選取包裝好的濾鏡來套用,如果是在網頁要呈現多種濾鏡效果,可以來使用 Instagram.css 網站所提供的純 CSS 濾鏡效果,使用方式很簡單,只要套用不同 CSS 名稱,就能更換濾鏡,該套純 CSS 濾鏡效果支援 Chrome (18+)、Microsoft Edge (13+)、Firefox (35+)、Safari (6+)、Opera (15+) 等瀏覽器。

§相關文章,還可以參閱:

如何使用 Instagram.css ?

1.使用瀏覽器進入 Instagram.css  網站,便可看到濾鏡效果展示。

喜歡 Instagram 圖片濾鏡效果嗎? 透過 Instagram.css 網站就可輕鬆達成

2.要應用到自己的網頁上,我們必須將這些 CSS 放到自己的網站上,首先點選上圖 GitHub,進入後,如下圖點擊右上角的[ Clone or download ]後點選[ Download ZIP ]來下載。

喜歡 Instagram 圖片濾鏡效果嗎? 透過 Instagram.css 網站就可輕鬆達成

3.下載解壓縮後,將 dist 資料夾複製到自己的網站內。

喜歡 Instagram 圖片濾鏡效果嗎? 透過 Instagram.css 網站就可輕鬆達成

4.使用時,在網頁 <head> 段引用 Instagram.css ,如下圖:

喜歡 Instagram 圖片濾鏡效果嗎? 透過 Instagram.css 網站就可輕鬆達成

5.圖片套用濾鏡的語法。

喜歡 Instagram 圖片濾鏡效果嗎? 透過 Instagram.css 網站就可輕鬆達成

6.該套 CSS 濾鏡,支援如下瀏覽器。

喜歡 Instagram 圖片濾鏡效果嗎? 透過 Instagram.css 網站就可輕鬆達成

每年總有些特定的假期驅使在海外工作、讀書的人回到台灣探視親友或從事特定活動,如果要去接機,可以來參考 FlightAware 這個網站所提供的航班飛行資訊,從起飛,飛到哪裡,預計降落時間讓你隨時動態掌握,避免提早到機場空等,浪費時間又浪費金錢。