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
