Una línea de código vuelve grises las páginas web

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

Supongo que te gusta

Origin blog.csdn.net/qq_38689263/article/details/128136809
Recomendado
Clasificación