一、文字描边
-webkit-text-stroke:描边宽度 颜色；
注意书写时必须加前缀
-webkti-text-stroke:2px red;
text-shadow:0 0 2px red;
//效果一样
二、mask 遮罩
-webkit-mask:img;
mask-image 图片
mask-repeat 平铺
mask-position 位置
三、滤镜
1.filter:opacity(0);//透明
原图
2.filter:sepia(0-1); //深褐色
深褐色
3.filter:saturate(2);//饱和度，默认为1
饱和度值为2
4.色相反转
fliter:hue-rotate(180deg);//单位为角度
180°反转颜色
-
filter:invert(1);//0和1切换，1是反色，0是原色
6.fliter:brightness(2);//亮度，默认是1
亮度为2
7.fliter:contrast(.5);//对比度，默认是1
0.5对比度
对比度为2
四、阴影
filter：drop-shadow(x y 宽度 颜色)；
类似于box-shadow；
阴影
网友评论