Una línea de código vuelve grises las páginas web
<style type="text/css">
html, img {
/* 灰度滤镜 */
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}
</style>
Propiedad de filtro (filtro) CSS3
Función de filtro
Nota: Los filtros generalmente usan porcentajes (como: 75%) y, por supuesto, también se pueden usar decimales para expresar (como: 0,75).
escala de grises(%)
convierte la imagen en una imagen en escala de grises. El valor define la escala de la conversión. Un valor del 100% convertirá completamente la imagen en escala de grises y un valor del 0% no cambiará la imagen. Los valores entre 0% y 100% son multiplicadores lineales del efecto. Si no se establece, el valor predeterminado es 0;
-webkit-filter: escala de grises (100%) : este estilo es exclusivo de los navegadores que utilizan el kernel webkit . Los navegadores con el kernel webkit incluyen Google Chrome, Safari, Sogou High-speed Browser, etc.
-moz representa propiedad privada del navegador Firefox
-ms significa propiedad privada del navegador (el navegador 360 es, por ejemplo, kernel)
-webkit representa safari, propiedades privadas de Chrome
-o significa atributo privado de ópera