背景模糊
backdrop-filter: saturate(180%) blur(1em);
-webkit-backdrop-filter: saturate(180%) blur(1em);
1
2
倒影
-webkit-box-reflect: below -60px -webkit-gradient(linear,right 60%,right bottom, from(rgba(0,0,0,0)),to(rgba(255,255,255,0.3)));
1
文字凸起
text-shadow: 1px 1px 1px #000,-1px -1px 1px #fff;
1
文字凹陷
text-shadow: -1px -1px 1px #000,1px 1px 1px #fff;
1
代码演示
11111
11111
1111111
111111111111111
1111111111111
1111111111111111111111111111111111111111111
111111111111111111
模糊
倒影
凸起
凹陷