嘿嘿嘿,我把網站變黑白ㄉ了 < ( ̄︶ ̄)>
遲來的筆記
前幾個禮拜中國網站都是黑白的
就很好奇是怎麼做到的
發現其實滿簡單的
只要加ㄧ行短短的 css 就做到了
body, html {
filter: grayscale(100%);
}
filter 濾鏡效果有 10 種
- grayscale - 灰階
- sepia - 懷舊
- saturate - 飽和
- hue-rotate - 色相旋轉
- invert - 負片
- opacity - 透明度
- brightness - 亮度
- contrast - 對比
- blur - 模糊
- drop-shadow - 下拉陰影
這邊使用到的就是 grayscale
效果
也可以使用 0 - 1 顯示
body, html {
filter: grayscale(.9);
}
大概是這樣 heehee (▰˘◡˘▰)