-What is webkit-filter ?, -Webkit-filter Shenma
These Filter Effects were originally used for SVG. W3C was introduced to CSS and then CSS Filter Effects 1.0 was developed. Now webkit is the first to support them. Currently, the following effects are supported in the specifications: -grayscale-sepia brown-saturate saturation-hue-rotate color phase rotation-invert reversed-opacity transparency-brightness-contrast-blur-drop-shadow well, some of them are repeated with CSS3. However, the specific usage depends on the specific situation. At least we can achieve the same effect in different ways-such as transparency. The usage is standard CSS:-webkit-filter: blur (2px); source image:-webkit-filter: none; grayscale:-WebKit-filter: grayscale (0.5 ); grayscale 50%; blur:-webkit-filter: blur (3px); blur 3px BROWN:-WebKit-filter: sepia (0.5); brown brightness of 50%:-webkit-filter: brightness (5); brightness color of 50%:-WebKit-filter: hue-rotate (180deg); reversed:-WebKit-filter: invert (1); saturation: -WebKit-filter: saturate (5); contrast:-WebKit-filter: contrast (1.4 );