濾鏡css
阿新 • • 發佈:2018-11-10
文章來自:原始碼線上https://www.shengli.me/css/72.html
1、使用語法:
2、css濾鏡方法大全:
-
grayscale 灰度
-
sepia 褐色
-
saturate 飽和度
-
hue-rotate 色相旋轉
-
invert 反色
-
opacity 透明度
-
brightness 亮度
-
contrast 對比度
-
blur 模糊
-
drop-shadow 陰影
3、瀏覽器相容
要使用瀏覽器字首。
4、效果圖展示:
原圖
程式碼:
模糊:
灰度:
褐色:
亮度:
色相:
反色:
透明:
飽和度:
對比度:
5、濾鏡動畫程式碼:
小提示:blur 和 contrast 是最佳搭檔哦!