Sitio web atenuado lograr:
1 html { 2 -webkit-filtro : escala de grises (100%) ; 3 -moz-filtro : escala de grises (100%) ; 4 -ms-filtro : escala de grises (100%) ; 5 -o-filtro : escala de grises (100%) ; 6 de filtro : escala de grises (100%) ; 7 filtro : progid: DXImageTransform.Microsoft.BasicImage (escala de grises = 1) ; 8 }
Descripción oficial del MDN: https: //developer.mozilla.org/zh-CN/docs/Web/CSS/filter.
Todos los ejemplos de sus usos son los siguientes:
/ * URL para filtro SVG * /
filtro: url ( "# filters.svg filtro-id");
/ * <Filtro de función> valores * /
filtro: Falta de definición (5px);
filtro: brillo (0,4);
filtro: contraste (200%);
filtro: drop-shadow (16px 16px 20px azul);
filtro: escala de grises (50%);
filtro: hue-rotación (90 grados);
filtro: invertido (75%);
filtro: opacidad (25%);
filtro: saturado (30%);
filtro: sepia (60%);
/ * Múltiples filtros * /
filtro: contraste (175%) brillo (3%);
/ * Los valores globales * /
filtro: heredar;
filtro: inicial;
filtro: no triscado;
Compatibilidad: Además de IE, la otra PC, soporte móvil navegadores terminal, PC de Firefox, Android terminal de apoyo también se agrega por separado para las imágenes SVG.