|效果|值|说明|示例| | ------------ | ------------ | ------------ | ------------ | |模糊|blur|值为length|`filter: blur(*px);`| |灰度|grayscale|值为0-1之间的小数|`filter: grayscale(*);`| |亮度|brightness|值为0-1之间的小数|`filter: brightness(*)`| |对比度|contrast|值为num|`filter: contrast(*);`| |饱和度|saturate|值为num|`filter: saturate(*);`| |色相旋转|hue-rotate|值为angle|`filter: hue-rotate(*deg);`| |反色|invert|值为0-1之间的小数|`filter: invert(*);`| |阴影|drop-shadow||`filter: drop-shadow(0px 0px 5px #000);`| |透明度|opacity|值为0-1之间的小数|`filter: opacity(*%);`| |褐色|sepia|值为0-1之间的小数|`filter: sepia(*);`|