-webkit-filter

• 函数
• SVG

blur

1px

brightness

0%

contrast

100%

grayscale

0%

hue-rotate

0deg

invert

0%

opacity

100%

saturate

100%

sepia

0%

drop-shadow

X:0px

Y:0px

radius:0px

R:0

G:0

B:0

A:1

-webkit-filter: blur(1px)

blur

<filter id="svg_blur">
  <feGaussianBlur in="SourceGraphic" stdDeviation=" " />
</filter>

brightness

<filter id="svg_brightness">
  <feComponentTransfer>
    <feFuncR type="linear" slope="" />
    <feFuncG type="linear" slope="" />
    <feFuncB type="linear" slope="" />
  </feComponentTransfer>
</filter>

contrast

<filter id="svg_contrast">
  <feComponentTransfer>
    <feFuncR type="linear" slope="1" intercept="" />
    <feFuncG type="linear" slope="1" intercept="" />
    <feFuncB type="linear" slope="1" intercept="" />
  </feComponentTransfer>
</filter>

drop-shadow

<filter id="svg_drop-shadow">
  <feGaussianBlur in="SourceAlpha" stdDeviation="" />
  <feOffset dx="" dy="" />

  <feMerge>
    <feMergeNode />
    <feMergeNode in="SourceGraphic" />
  </feMerge>
</filter>

grayscale

<filter id="svg_grayscale">
  <feColorMatrix type="matrix" values="
                                        0 0 0 1 0" />
</filter>

hue-rotate

<filter id="svg_hue-rotate">
  <feColorMatrix type="hueRotate" values="" />
</filter>

invert

<filter id="svg_invert">
  <feComponentTransfer>
    <feFuncR type="table" tableValues=" " />
    <feFuncG type="table" tableValues=" " />
    <feFuncB type="table" tableValues=" " />
  </feComponentTransfer>
</filter>

opacity

<filter id="svg_opacity">
  <feComponentTransfer>
    <feFuncA type="table" tableValues=" " />
  </feComponentTransfer>
</filter>

saturate

<filter id="svg_saturate">
  <feColorMatrix type="saturate" values="" />
 </filter>

sepia

<filter id="svg_sepia">
  <feColorMatrix type="matrix" values="
                                       0 0 0 1 0" />
</filter>

我要换张图：