使用 CSS 濾鏡效果:讓照片產生不同風格

你會用 Photoshop 或者其他軟體讓你的照片變成不同風格

那麼你會使用 CSS 讓你的照片套上不同的濾鏡嗎?

讓你的網站更獨具風格且網站的圖片還可以不用一張一張設定

這麼讚的事情還不快學起來!

CSS濾鏡

blur() - 高斯模糊

brightness() - 明亮

contrast() - 對比

drop-shadow() - 陰影

grayscale() - 灰階

hue-rotate() - 色相旋轉

invert() - 負片

opacity() - 透明度

saturate() - 飽和

sepia() - 復古
重疊使用