filter 属性定义了元素(通常是<img>)的可视效果(例如:模糊与饱和度)。
语法
none
blur(px) 高斯模糊
brightness(%)明暗度,默认100%
contrast(%)对比度
drop-shadow(h-shadow v-shadow blur spread color) 阴影蒙版,所有在此蒙版上面的图像都会有阴影
grayscale(%)将图像转为灰度图像(黑白)
hue-rotate(deg)色相旋转
invert(%) 反转输入图像。值为0%则图像无变化。值在0%和100%之间,(胶卷那种效果)
opacity(%)值为0%则是完全透明,值为100%则图像无变化。该函数与已有的opacity属性很相似,不同之处在于通过filter,一些浏览器为了提升性能会提供硬件加速。
saturate(%)值为0%则是完全不饱和,值为100%则图像无变化。
sepia(%)将图像转换为深褐色。老照片