首頁線上工具影像繪圖 喜歡 Instagram 圖片濾鏡效果嗎？ 透過 Instagram.css 網站就可輕鬆達成 Instagram 是個圖片與影片分享社群網站，其中最讓人喜愛的便是圖片的濾鏡效果，有了濾鏡的色彩協助，它可以快速的讓圖片變得更有質感，手機內建的相機功能也有提供濾鏡功能，拍完照片，就能選取包裝好的濾鏡來套用，如果是在網頁要呈現多種濾鏡效果，可以來使用 Instagram.css 網站所提供的純 CSS 濾鏡效果，使用方式很簡單，只要套用不同 CSS 名稱，就能更換濾鏡，該套純 CSS 濾鏡效果支援 Chrome (18+)、Microsoft Edge (13+)、Firefox (35+)、Safari (6+)、Opera (15+) 等瀏覽器。 🔔 **不錯過任何精彩！** 立即訂閱我們的 LINE 官方帳號。 每次發佈新文章時，您將會**第一時間收到本站文章連結通知**，輕鬆掌握最新資訊！ 使用 LINE 追蹤文章更新 §相關文章，還可以參閱：OpenAI Sora 登陸亞洲！台、泰、越 iOS 免邀請碼搶先用OpenNana 提示詞寶庫：用實際範例帶你進入 Nano Banana、GPT4o 的文生圖技巧Gemini 2.5 Flash Image 正式上線：10 種長寬比讓 AI 圖像生成更靈活Google 官方親授！範例帶你實戰 Gemini 最佳圖像生成和編輯效果技巧Nano Banana 應用工具 AI Magazine Cover Generator：免費用一張照片打造獨特主題的雜誌封面 如何使用 Instagram.css ？ 1.使用瀏覽器進入 Instagram.css 網站，便可看到濾鏡效果展示。 2.要應用到自己的網頁上，我們必須將這些 CSS 放到自己的網站上，首先點選上圖 GitHub，進入後，如下圖點擊右上角的[ Clone or download ]後點選[ Download ZIP ]來下載。 3.下載解壓縮後，將 dist 資料夾複製到自己的網站內。 4.使用時，在網頁 <head> 段引用 Instagram.css ，如下圖： 5.圖片套用濾鏡的語法。 6.該套 CSS 濾鏡，支援如下瀏覽器。 Instagram.css網站網址：https://picturepan2.github.io/instagram.css/