字体 font

一、文字描边

-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°反转颜色

5. 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；

阴影