Contents

網站哀弔灰階 CSS 方法

Contents

單純紀錄

1
filter: grayscale(100%);

html body

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<!DOCTYPE html>
<html style="filter: grayscale(100%);">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div>
  test
  </div>
</body>
</html>
1
2
3
body{
  background: url('https://cache.cswsadlab.com/wp-content/uploads/2015/08/16_bg_noise_scale.jpg') no-repeat center center /cover;
}

哀悼日网站全站变灰CSS代码 - 严颖专栏 - SegmentFault 思否