css3濾鏡Filter使用

Filter主要用於圖片，SVG等元素上，其默認值是none，有如下10個filter-function值可選：

• grayscale（灰度）效果相似於PS中的去色或者黑白
• blur（模糊）效果相似於PS中的高斯模糊
• invert（反相）效果相似於PS中的反相
• opacity（透明度）效果相似於PS中的圖層不透明度
• saturate（飽和度）效果相似於PS中的飽和度
• brightness（亮度）效果相似於PS中的亮度
• contrast（對比度）效果相似於PS中的對比度
• drop-shadow（陰影）效果相似於PS中的投影
• sepia（懷舊）效果相似於相機中的老照片濾鏡
• hue-rotate（色相）效果相似於PS中的色相+旋轉，

 

參考連接：https://smohan.net/blog/5zls13