CSS篇之奇门异术

1.网站变灰

grayscale() - CSS：层叠样式表 | MDN

filter: grayscale(1);

1-1.brightness() 调整图像，使其看起来更亮或更暗

1-2. contrast()调整输入图像的对比度

1-3.blur()高斯模糊

1-4.drop-shadow()投影

给黄色和红色进行blur(5px)，即屏幕上有5px像素相互融合

2.子元素内容与父系元素内容颜色混合

mix-blend-mode - CSS：层叠样式表 | MDN

mix-blend-mode: difference;

3.数据并排展示

column-count:2; 让数据呈现2列展示

或者指定列宽，系统自动填充

column-width: 200px;