# CSS 有趣的特性
CSS 平时用的很多,但是也就那么一些常用的属性,这里收集一些不常用,但是却很有用的 CSS 属性。
# mix-blend-mode 混合模式
该 CSS 属性作用是让元素内容和这个元素的背景以及下面的元素发生“混合”。
有点像前端 ps,可以设置图片色相,饱和度等。
mix-blend-mode: normal; //正常
mix-blend-mode: multiply; //正片叠底
mix-blend-mode: screen; //滤色
mix-blend-mode: overlay; //叠加
mix-blend-mode: darken; //变暗
mix-blend-mode: lighten; //变亮
1
2
3
4
5
6
2
3
4
5
6
# background-blend-mode 混合背景图片
这个要更好理解一点,背景的混合模式。可以是背景图片间的混合,也可以是背景图片和背景色的混合。
# 控制小屏手机缩放
text-size-adjust 属性 允许我们控制将文本溢出算法应用到一些手机设备上。
/* 文本不会放大 */
.box {
text-size-adjust: none;
}
1
2
3
4
2
3
4