網頁中經常需要對圖片進行風格化處理。例如黑白圖片鼠標放上去顯示彩色、背景圖片模糊突出文字、對圖片的藝術化處理等。對於簡單的藝術效果可以使用CSS濾鏡實現。
直接使用CSS filter 濾鏡，配置各種函數的參數，不夠直觀，且反覆修改切換比較繁瑣。GitHub上的一個可視化的 CSS 濾鏡配置工具，用於提高開發幸福感。
CSS filter 濾鏡的使用很簡單：
1、左側拖動滑塊調整參數；
2、中間顯示CSS 代碼和預置的風格化濾鏡；
3、右側預覽效果，並支持自定義上傳圖片。
項目地址：CSS filter濾鏡
預覽地址：CSS filter濾鏡