Como criar: Imagem preta e branca
- Página anterior Efeito de imagem
- Próxima página Texto de imagem
Aprenda como usar CSS para criar imagens "preto e branco".
Imagem preta e branca
Usando CSS filter A propriedade converte a imagem em uma imagem preta e branca.
Imagem original
Cinza (100%)
Exemplo de cinza
Mude a cor de todas as imagens para preto e branco (100% cinza):
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Páginas relacionadas
Tutorial:Imagem CSS
Manual de referência:Propriedade filter CSS
- Página anterior Efeito de imagem
- Próxima página Texto de imagem
