grayscale()
O grayscale() é uma função do CSS que modifica a imagem adicionada para as cores branco e preto . Esse resultado é um efeito "filtro". <filter-function> (en-US).
Experimente
Sintaxe
grayscale(quantidade)
Parâmetros
quantidade-
A quantia da conversão é especificada em
<number>(número) ou<percentage>(en-US) (porcentagem). Um valor de100%indica que a cor está compeltamente dentro da escala de cinza. Um valor de0%não altera as cores da imagem, que permanecerá igual a original. Valores entre0%e100%são multiplicadores lineares no efeito cinza, modificando a escala de cores conforme a quantidade determinada. A quantia em número é equivalente a em porcentagem.
css
grayscale(0) /* Não afeta a imagem */
grayscale(.7) /* .7 => 70% de branco&preto */
grayscale(100%) /* Completamente em branco&preto */