Yoo, pessoas amáveis!
Estava com uma saudade de vocês, e do meu blog lindo. Peço desculpas pela minha ausência essa semana. Eu tive que estudar para as provas de quarta e quinta. Eu prometo, juro, que vou começar a postar mais vezes.
Bom, voltando ao assunto de hoje, trago um tutorial para vocês. Eu vi ele no Chovendo Diamantes, é um efeito ótimo para afiliados, ou blogroll.
Preview do efeito aqui.
Lindo né? Ah, eu amo ver esses efeitos para afiliados, são muito lindos! Mas, vamos ao tutorial:
1. Procure por ]]></b:skin> e acima dessa tag, cole:
1. Procure por ]]></b:skin> e acima dessa tag, cole:
.spineffect{max-width:85px;-moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;transition: all 0.5s ease-out;} .spineffect:hover{-webkit-animation-name: spin; -webkit-animation-duration: 400ms; -webkit-animation-iteration-count: 2; -webkit-animation-direction: alternate;}@-webkit-keyframes spin {from {opacity: .99; -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -moz-transform: rotate(0deg);} to {opacity: .30; -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform: rotate(360deg);}}
Não precisam mudar NADA. Só muda quem quiser.
2. Agora, em um gadget HTML/Javascript, cole:
<a href="LINK DO BLOG"title="NOME DO BLOG"><img src="LINK DA IMAGEM" class="spineffect"/></a>
A autora do Chovendo Diamantes fez umas imagens que talvez vocês queiram usar, aqui estão:
Amei o efeito, que é bem fácil, e as imagens, que podem até serem simples, mas dão um toque fofo no efeito.
Nenhum comentário:
Postar um comentário