我把網站變黑白了 < ( ̄︶ ̄)>


Posted by yuicheng1006 on 2022-12-28

嘿嘿嘿,我把網站變黑白ㄉ了 < ( ̄︶ ̄)>
遲來的筆記
前幾個禮拜中國網站都是黑白的
就很好奇是怎麼做到的
發現其實滿簡單的
只要加ㄧ行短短的 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 (▰˘◡˘▰)


#css #filter







Related Posts

來學 React 吧之四_Class component 介紹及與 Function component 的差異

來學 React 吧之四_Class component 介紹及與 Function component 的差異

MR-ROBOT: 1 Walkthrough

MR-ROBOT: 1 Walkthrough

Longitudinal Vehicle Model 實作小筆記

Longitudinal Vehicle Model 實作小筆記


Comments