8 de out de 2014

[Tutorial] Efeito rotate, black white nos afiliados

Heeey guys!
 Tudo bem com você? Espero que sim. Eu estou morrendo de dor nas pernas :c. Amanhã as 8ª da minha escola, vão fazer uma visita na ABESFA, para doar brinquedos para as crianças <3. Quero só ver o sorriso das crianças <3333333333333333. Enfim, amanhã conto como foi :3. Hoje eu vim postar um tutorial super fácil. Vamos aprender?
Para aplicar esse efeito no seu blog, vá em Modelo > Editar HTML e procure por ]]>< apôs encontrar em cima dele cole:
/*-----By One Di Things----*/
.afiliados1d{
-webkit-filter: grayscale(100%);opacity:1;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.80s linear;
-webkit-transition: all 0.80s linear;
-moz-transition: all 0.80s linear;
transition: all 0.80s linear;
-webkit-border-radius: 50px;
 -moz-border-radius: 50px; border-radius: 50px; width:auto;
 -webkit-transition-duration: 1.20s;
box-shadow: 2px 1px 2px #909090;
}
.afiliados1d:hover{
-webkit-filter: grayscale(0%);opacity:1;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.80s linear;
-webkit-transition: all 0.80s linear;
-moz-transition: all 0.80s linear;
transition: all 0.80s linear;
-webkit-transform: rotate(360deg);}
}
Salve e depois vá em Layout adicione um gadget HTML/JavaScript E cole esse código:
<center>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
<a href="LINK DO BLOG" title="Título do Blog"><img class="afiliados1d" src="LINK DA IMAGEM" /></a>
</center>
Créditos: One Dí Things.
 Espero que gostem ;*. Beixxxos

Um comentário: