Máscara em imagens pelo CSS

Para aprender a fazer o efeito, continue a ler a postagem!

1 Você deve escolher o local em que quer aplicar o efeito.

2 Tendo escolhido, cole isto dentro dos parênteses da classe CSS.
width: 30px; /*--- Largura da imagem, substitua pela desejada ---*/
height: 30px; /*--- Altura da imagem, substitua pela desejada ---*/
-webkit-mask-image: url(LINK);
-moz-mask-image: url(LINK);
-o-mask-image: url(LINK);
mask-image: url(LINK);
3 Faça as alterações necessárias, mas siga estas regras:
   1. As máscaras devem ser neste estilo [link de exemplo], em que a máscara é em Preto e o fundo transparente.
   2. A largura e altura devem ter as mesmas medidas da máscara.

4 Salve.

Ainda não há comentários, faça o primeiro!

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...