These filter effects were originally used for SVG, the introduction of the CSS, and then developed CSS Filter Effects 1.0, now webkit the first to support it. The effects currently supported in the specification are: -grayscale grayscale-sepia brown-saturate saturation-hue-rotate hue rotation-invert inverse-opacity transparency-brightness brightness-CO Ntrast contrast-Blur blur-Drop-shadow shadow Well, some and CSS3 repeat, but it depends on the specifics, at least we can achieve the same effect in different ways-such as transparency. usage is the standard CSS notation: -webkit-filter: blur (2px); original: -webkit-filter:none; Grayscale: -webkit-filter:grayscale (0.5), grayscale 50%; Blur: - Webkit-filter:blur (3px); This is the fuzziness 3px Brown: -webkit-filter:sepia (0.5); 50% Brown Brightness: -webkit-filter:brightness (5) 50% brightness hue: & nbsp -webkit-filter:hue-rotate (180deg); anti-color: -webkit-filter:invert (1); saturation: -webkit-filter:saturate (5); contrast: - Webkit-filter:contrast (1.4);
-webkit-filter is God horse?