Olá,Cheirosos u_u
Finalmente consegui fazer o meu própio efeito para poder postar para vocês,vou começar á usar a minha criatividade para criar as coisas para vocês,e eu estou muito feliz porquê por exemplo apareceu comentários no meu post anterior né? ficar sem comentários deixa qualquer um blogueiro triste,podem dizer u.u
Eu criei um efeito para o gadget de ''Welcome/bem-vindo'' Um efeito super leve e Hover demais (wtf?) não muito leve mais ele é bem lerdinho,Ele meio que é viradinho quando você coloca o mouse ele fica Normal,Podem ver o preview Aqui , no blog de preview do little world.
Vamos Começar >.<
Vamos em Modelo>Editar Html ,Clique na caixinha de html Aperte
Ctrl+F
Procure por :
]]></b:skin>
Acima de ]]></b:skin> Cole isto:
.Little {
transition:All 0.6605s ease-in-out;
-webkit-transition:All 0.6605s ease-in-out;
-moz-transition:All 0.6605s ease-in-out;
-o-transition:All 0.6605s ease-in-out;
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);
}
.Little:hover{
transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
-webkit-transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
-moz-transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
-o-transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
-ms-transform: rotate(0deg) scale(0.904) skew(0deg) translate(-4px);
}
Salve,Crie um Html/JS e cole:
<img src="sua imagem" class="Little">
Onde está escrito ''SUA IMAGEM'' coloque a URL da sua Imagem de welcome .
Beijos,se reblogar não diga que você fez o efeito e coloque os créditos para o Little world.
Amei o tuto.O efeito é perfeito *-*
ResponderExcluirCom certeza colocarei os créditos!
Beijos ~
sibeleekpop.blogspot.com
Awwn <3 Minha leitora queria :) Você vai usar né .
ExcluirObrigada ♥
Super lindinho esse efeito *-*
ResponderExcluirAdorei o tutorial :3
cr4zy-world.blogspot.com
(:
ExcluirAmei é muito fofinho vou usar no meu próximo Layout!
ResponderExcluirblogdajamillymaki.blogspot.com.br
Obg :3
ExcluirAmei esse efeito :3 Parabéns, seu blog é lindo.
ResponderExcluirKiss Line | http://sweetteen-st.blogspot.com.br/
obrigada :3
ExcluirAdorei o tutorial .
ResponderExcluirSeu blog é divo *o*
Kisses <3
Senhorita Liberdade