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>
.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Sintaxe
grayscale(quantidade)
Parâmetros
- quantidade
- A quantia da conversão é especificada em
<number>
(número) ou<percentage>
(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.
grayscale(0) /* Não afeta a imagem */
grayscale(.7) /* .7 => 70% de branco&preto */
grayscale(100%) /* Completamente em branco&preto */