box-shadow:3px 3px 15px 20px red inset; 一共六个参数
● x 水平方向位置
● y 垂直方向位置
● blur 模糊度
● spread 阴影尺寸
● color 阴影颜色
● inset 可选 内部阴影 默认是外部阴影

outset 外阴影
inset 内阴影

1.png

文字阴影

text-shadow: 3px 3px 10px red; 它只有四个参数
● x 水平位置
● y 垂直位置
● blur 模糊度
● color 阴影颜色

2.png

22.png

文字边框

-webkit-text-stroke:1px red;
letter-spacing: 3px; 间距

3.png

33.png

边框可以用图片

4.png

蒙层

background: url("./mask-pic.jpeg") no-repeat center;
-webkit-mask-image: url(mask.png); 盖住的图片
-webkit-mask-repeat: no-repeat; 不平铺
-webkit-mask-position: 0 0; 蒙层的默认位置 数值变化 蒙层位置变化

5.png

6.png