great-good-loading-dog

鬼谷設計

GREAT GOOD DESIGN

用 CSS filter 使用濾鏡效果,讓相片產生不同效果

1年前

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

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

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

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

CSS濾鏡

blur() - 高斯模糊

brightness() - 明亮

contrast() - 對比

drop-shadow() - 陰影

grayscale() - 灰階

hue-rotate() - 色相旋轉

invert() - 負片

opacity() - 透明度

saturate() - 飽和

sepia() - 復古

重疊使用