隨著網頁設計的發展,圖示上色效果已成為許多網站和應用程式中不可或缺的元素之一。然而,手動編輯每個圖示的色彩是一個繁瑣的任務,因此我進行了一些搜尋製作了這個 CSS 濾鏡生成器。

前提 這篇文章假設你有基本的 CSS 能力

CSS 濾鏡生成器

  • 開發者:毛哥EM(我)
  • 程式類型:免費開源網站
  • 網站位置:毛哥EM的基地

這個濾鏡生成器網頁讓你輸入顏色或使用顏色選擇器,然後生成 CSS filter 原始碼,讓你輕鬆地創造出完美的圖示上色效果。只需將原始碼複製並粘貼到你的 CSS 樣式表中,就可以在你的網站上應用這些美麗的效果。

此外,我們的濾鏡生成器網頁還提供了預覽功能,並且隨時進行修改。上半部分顯示的是 CSS background-color 真實顏色,下半部分則是應用了濾鏡效果的圖示,兩個顏色範圍都很大且互相貼著,如果對結果不滿意,只需點擊一下“生成濾鏡”按鈕,即可獲得新的濾鏡原始碼。

需要注意的是,使用時圖示必須是黑色。如果不是,你可以在 filter 屬性中添加 brightness(0) saturate(100%),先將它們塗黑。

希望這個 CSS 濾鏡生成器能夠節省你的時間並讓你的網站圖示更加美觀和獨特。如果你覺得這篇文章有幫助到你歡迎在InstagramGoogle 新聞追蹤毛哥EM資訊密技

毛哥EM

一位喜歡把簡單的事,做得不簡單的高三生。