los grayscale()CSSLa función convierte la imagen de entrada a escala de grises. Su resultado es un .

Sintaxis

grayscale(amount)

Parámetros

amount
El importe de la conversión, especificado como o un . un valor de 100% es completamente en escala de grises, mientras que un valor de 0% deja la entrada sin cambios. Valores entre 0% y 100% son multiplicadores lineales del efecto. El valor predeterminado cuando se omite es 1. El valor inicial para la interpolación es 0.

Ejemplos

Ejemplos de valores correctos para escala de grises()

grayscale(0)/* No effect */grayscale(.7)/* 70% grayscale */grayscale(100%)/* Completely grayscale */

Especificaciones

Especificación Estado
Módulo de efectos de filtro Nivel 1
La definición de ‘escala de grises()’ en esa especificación.		 Borrador de Trabajo

Compatibilidad del navegador

Escritorio Móvil
Cromo Borde Firefox explorador de Internet Ópera Safari WebView Android cromo androide Firefox para Android Ópera Android Safari en IOS Samsung Internet
grayscale() 5318En Chrome 18 a 19, el saturate() La función solo toma números enteros en lugar de valores decimales o porcentuales. Desde Chrome 20, este error está solucionado. 1212 3549 NoInternet Explorer 4 a 9 implementó un no estándar filter propiedad. La sintaxis era completamente diferente a esta y no está documentada aquí. 4015 9.16 534.4 53 3549 4114 9.36 6.0
svg No No 35 No No No No No 35 No No No

Ver también

  • blur()
  • brightness()
  • contrast()
  • drop-shadow()
  • hue-rotate()
  • invert()
  • opacity()
  • saturate()
  • sepia()