Efeito imagem colorida !



Olá Pessoal, depois de uns dias vim trazer para vocês um tutorial que foi pedido aqui no blog, não me lembro por quem '~'
É simples, fácil e deixa um efeito fofo, esse efeito deixa a imagem colorida quando você coloca o mouse em cima da imagem, e a deixa com as bordas arredondada também !

• Procure do Hotmail do seu blog por: ]]></b:skin>
• Quando achar coloque em cima dele o código abaixo ;



img {
filter: hue-rotate(360deg);
border-radius: 5px; /* Bordas aredondadas apague se não quiser */
-webkit-filter: hue-rotate(360deg);
-moz-filter: hue-rotate(360deg);
-webkit-filter;(1);
-webkit-transition: all 1.0s linear; /* Duração do efeito */
-moz-transition: all 1.0s linear; /* Duração do efeito */
transition: all 1.0s linear;} /* Duração do efeito */
img:hover {
border-radius: 15px; /* Bordas aredondadas a hover apague se não quiser */
filter: hue-rotate(0deg);
-webkit-filter: hue-rotate(0deg);
-moz-filter: hue-rotate(0deg);
-webkit-filter;(0);
} 

• Faça as alterações  retirando as bordas, se achar necessário;
Salve.

Beijinhos, gostaram, usou, comente !

Créditos: If I Ruled The World.

Nenhum comentário:

Postar um comentário