Tutorial- Efeito Lat

 Oi Lindos!Como estão vocês? Eu estou bem,haha.
Bom hoje teremos um tutorial super simples,rápido bem pratico. Desculpem eu não ter postado dias atras é porque eu estava bem ocupada na escola. As atividades escolares estão me matando,serio. Vamos Ao Post? Ah, fiquem sabendo que tem como vocês verem o efeito, é só dá continuação ao post.
           
                                                                    Esse é o efeito :3 Ele fica girando e tão fofo <3

Read More  

E Venha Conferi

Html


1-Primeiro Vá Em:Modelo>Editar Html
Clique Na Caixinha De Html
De Ctrl+F Ou F3
E Procure Por ]]></b:skin>
Logo Acima Dessa Tag Cole:
.lat {

border: 1px solid #ccc;


background: #f8f8f8;


padding: 2px;


}


.lat:hover {

transition:All 1s ease;

-webkit-transition:All 1s ease;

-moz-transition:All 1s ease;

-o-transition:All 1s ease;

-moz-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);

-webkit-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1) rotate(90deg) translate(0px, 0px) skew(0deg, 0deg);
}
Caso Você Queira Personalizar A Borda Do Efeito 
Edite O Que Esta Em Negrito
Caso Queria A Borda Igual A Do Preview Não Modifique Nada.
Salve E Continue E Tutorial.

Gadget 
Agora Vá Em Layout>Adicionar Um Gadget>HTML/Javascript 

<a href="Link Do Blog" title="Nome do Blog"><img class="lat" src="Link Da Sua Imagem" /></a> 

2 comentários:

Qualquer dúvida comente no post mais recente ou pela ask.
Aceito criticas, mas construtivas.
Não use palavrões.
Comente algo relacionado ao post, todo blogueiro gosta de ler um comentário assim.