CSS3滤镜

前言

最近在写一个vue2的项目从后台获取图片地址对图片或元素做一些关于滤镜上的处理，这里用到的是css3新增的一个特性——filter(简称‘滤镜’)。

这里就总结了一些自己常用到的属性

/* 高斯模糊 数值越大图形越模糊 单位px*/
/* filter: blur(10px); */
/* 明亮程度  0%~100%  0%为黑色类似于遮罩层 单位%*/
/* filter: brightness(60%); */
/* 透明度 0%~1000%  0%为白色类似白色遮罩层 单位%*/
/* filter:opacity(50%); */
/* 饱和度 0%~100%  0%为灰色色调是灰色 单位%*/
/* filter: saturate(0%); */
/* 对比度 0%~100%  0%为灰色类似灰色遮罩层 单位%*/
/* filter: contrast(0%); */
/* 底片  0%~100%  50%为灰色类似灰色遮罩层 单位%*/
/* filter: invert(1000%); */

感谢支持，希望对您有帮助！