♥Efeito Arco íris em Imagens♥
.png)
Hey amoras eu voltei u.u , e trouce um tutorial bem simples para vocês , eu tive uma ideia de quadros aqui no blog e a partir de agora vou postar alguns tutos para vocês ok? bora la então
é muito fácil de se aplicar.Para aplicar o efeito arco-íris nas imagens cole este código acima de ]]></b:skin>:
img{ border: none; -webkit-transition:1s; margin: auto; padding: 0; } img:hover{ -webkit-transition:1s; -webkit-filter: hue-rotate(360deg); -moz-filter: hue-rotate(360deg); }
Com esse código todas as imagens do seu blog ficarão com esse efeito; imagens da postagem, sidebar ou onde mais se encontrarem. Caso queira apenas nas imagens da postagem troque o img por img post. Sei que esse tutorial é antigo mas espero que gostem assim mesmo.
0 comentários: