Muito Feliz ! + Forma nas imagens dos comentários (máscara)

Oi floquinhos como vão ? Eu vou bem graças a deus,e muito feliz sabe porquê ? Um .... Vou falar,eu ainda não alcancei minha meta *Claro* de 200 seguidores mais ter 20,já é uma dica de que eu tenha 200 * Não mintira *,mais tipo quando eu abri o meu blog e ví ~~> 20 seguidores *Cara gritei pra caramba e minha mãe mandando eu para e cada vez mais gritava* e ainda falta mais,também tive uma notícia de que havia ganhado o sorteio de "200 seguidores do Modern Girl* Cara ai que eu fiquei louca,eu gritava pulava na cadeira patia em mim mesma fiquei pasma com a minha reação * Mais enfim sou feliz rsrs.

Mais agora vamos ao tutorial ? 

No HTML não tem muito segredo, você vai colocar apenas o código abaixo substituindo pela imagem desejada. Lembrando que o tamanho é 36x36 pixels. O código abaixo você vai procurar pela tag .avatar-image-container {,  copie e cole depois da chave:

-webkit-mask-image: url(url aqui); -moz-mask-image: url(url aqui); -o-mask-image: url(url aqui) mask-image: url(url aqui);

 Esta vendo que o código se repete? É para funcionar em todos os navegadores, então não esqueça de por a mesma imagem em todos, hein? hehe

A parte no Photoshop é de criação, você deve apenas abrir um novo documendo (ctrl+n) 

com o tamanho de 36px, feito isso, ali você colocará sua shape, brush, enfim, o que 

quiser que fique de base. Lembrando que: tem que ser preto com o fundo transparente. 

Aqui tem algumas, fiquem à vontade para utilizar:

imagem / imagem / imagem / imagem / imagem / imagem / imagem / imagem /imagem / imagem