26/06/2016

Efeito Raio


Hey! Hey! Hoje venho trazer mais um efeito para vocês, esse efeito encontrei lá no blog Chá com Anjos, seu nome original era "Efeito Tosco" mas achei muito parecido com um raio, então troquei rs, mas os credito vão todos para o blog CCA.


1. Escolha o blog qual deseja aplicar, e vá ate seu HTML. Chegando lá ative a pesquisa cm o atalho Ctrl+U e pesquise por ]]></b:skin>, acima dele cole: 
Códigos
.raio {
transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
-ms-transform: rotate(4deg) scale(1) skew(1deg) translate(10px);
}
.raio:hover{
transform: rotate(360deg) scale(1) skew(180deg) translate(3px);
-webkit-transform: rotate(360deg) scale(1) skew(180deg) translate(3px);
-moz-transform: rotate(360deg) scale(1) skew(180deg) translate(3px);
-o-transform: rotate(360deg) scale(1) skew(180deg) translate(3px);
-ms-transform: rotate(360deg) scale(1) skew(180deg) translate(3px);
}

Salve!

2. Agora vá ate Layout e abra um novo gadget/javascrit, dentro dele cole:
Códigos
<a href="URL DO BLOG" title=" TITULO AO PASSAR O MOUSE "><img class="raio" src="URL DA IMAGEM" /></a>


Salve e prontinho!

Nenhum comentário:

Postar um comentário

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345