CSS filter属性
一,使用范围;
Filter属性 主要是运用在图片上,实现一些特效。
二,常用属性(默认值是none);
A,grayscale灰度:
1,使用这个特效,会把图片变成灰色的,也就是说你的图片将只有两种颜色“黑色”和“白色;
2,默认值:100%,
如果你在grayscale()中没有任何参数值,将会以“100%”渲染
B,sepia褐色(求专业指点翻译)
1,褐色,使用这种效果,你的图片好像很古老的一样
2,sepia()中没有任参数值,将会以“100%”渲染
C,saturate饱和度
1,saturat是用来改变图片的饱和度
2,默认值:100%,
D,hue-rotate色相旋转
1,hue-rotate用来改变图片的色相
2,默认值:0deg
E,invert反色
1,invert做出来的效果就像是我们照相机底面的效果一样
2,默认值:100%
F,opacity透明度
1,改变图片的透明度
2,默认值:100%
G,brightness亮度
1,改变图片的亮度
2,默认值:100%
contrast对比度
1,改变图片的对比度
2,默认值:100%
blur模糊
1,改变图片的清晰度
2,默认值:0
drop-shadow阴影
1,像box-shadow一样的效果,给图片加阴影效果
2,写法::drop-shadow(5px 5px 5px #ccc);