Hello Cutes!! Hoje o tutorial é bem fácil e deixa as imagens e os links do blog bem fofas, porque as deixa com efeito Arco-íris, que quando passada o mouse por cima de uma imagem ou link ela vai mudando de cor o que deixa muito personalizado e diferente.
EFEITO NA IMAGEM:
1- Vá em modelo, editar HTML e clique em CTRL+F. Em seguida procure por:
]]></b:skin>
2- Acima do código procurado, cole o seguinte:
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); }
3- Salve e pronto!
________________________________________________________________________________
EFEITO NOS LINKS:
1- Vá em modelo, editar HTML e clique em CTRL+F. Em seguida procure por:
]]></b:skin>
2- Acima do código procurado, cole o seguinte:
<script src='https://sites.google.com/site/drwtexte/link-arco-iris/tab-view.js'/>
3- Salve e pronto!
♥ Beijinhos ♥ !!
Nenhum comentário:
Postar um comentário