filter
方法
- blur() – 模糊图像
- brightness() – 调整亮度
- saturate() – 调整饱和度
- contrast() – 调整对比度
- grayscale() – 改变图像灰度
- drop-shadow() – 阴影,为半透明图片、伪元素等添加阴影效果,给任何非透明部分加阴影
- hue-rotate() – 改变图整体色调
- invert() – 反转图像颜色
- opacity() – 改变图像透明度
- sepla() – 将图像转为棕褐色
不规则投影
- filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5));
染色
- 使用 sepia(1)降低饱和度的橙黄色效果，几乎所有的像素都收敛至 35-40.
- 使用 saturate(200%)滤镜来提高像素的饱和度。
- 使用 hut-rotate(295)滤镜改变主色调，比如想要主色调是 hsl(335, 100%, 50%),40 改变为 335,色相偏移 295 度，即 hue-rotate(295)
毛玻璃
- 对元素的伪元素进行处理，将其定位到元素的下层，将伪元素的背景与容器背景无缝重合，对伪元素进行模糊处理
