滤镜

245 阅读1分钟

对图像进行处理

filter

  • blur(px):对象图像进行高斯模糊

值越大越模糊,默认是0,就是不模糊;

  • brightness(%):是图片更暗或者更亮

如果值是0%,图像会全黑。值是100%,则图像无变化。值超过100%,图像会比原来更亮。如果没有设定值,默认是1。可以使用百分比也可以使用小数表示

  • contrast(%):对比度

值是0%的话,图像会全黑。值是100%,图像不变。值超过100%,意味着会运用更低的对比。若没有设置值,默认是1。可以使用百分比也可以使用小数表示。

  • drop-shadow(*x偏移 y偏移 模糊范围 颜色*):投影

  • grayscale(*%*):灰度

将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。若未设置,值默认是0。也可以写0-1之间的小数。

  • hue-rotate(deg):色相旋转

  • invert(%):反转图像

  • opacity(*%*):透明度

  • saturate(%):饱和度

值为0%则是完全不饱和,值为100%则图像无变化。大于100%,则饱和度增高,色彩就会变重。

  • sepia(%)

    将图像转换为深褐色。值为100%则完全是深褐色的,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0。