31 de dez de 2012

Image Spin

*essa postagem é programada
Olá Anjos!

Feliz ano novo!!! 

Hoje trago outro tutorial do Tumblr Single Themes! É o efeito Image Spin. Esse efeito é bem legal e pode ser usado em menus, elite de afiliados, enfim, no que vocês quiserem. Quando você passa o mouse em uma imagem, ela roda e aumenta o tamanho. Só para lembrar, é sempre bom usar imagens com boa qualidade, para não correr risco de ficar embaçado quando ela aumentar o tamanho, consequentemente deixando feio o efeito. 
Veja um preview aqui
1-Vá no HTML do seu blog e procure por ]]></b:skin>. Acima, cole

.imagespinw {
     width: 150px;
     height: 150px;
     margin-left:0px;  
     margin-right:0px;
     margin-bottom: 2px; 
     background: transparent; 
     padding: 0px;
     margin-right: 0px;
     -webkit-transition:-webkit-transform 0.2s ease-in;
     -o-transition:-o-transform 0.2s ease-in;
     -moz-transition: width 2s;
     cursor: help;}
.imagespinw:hover {
     -moz-transition: width 2s;
     -webkit-transform: rotate(-360deg) scale(1.5) ;
     -moz-transform: rotate(-360deg) scale(1.5) ;
     -o-transform: rotate(-360deg) scale(1.5)}

Mude o que está em negrito pelo tamanho da sua imagem.


2-Use  código a seguir para aplicar o efeito:


<div class="imagespinw"><a href="LINK AQUI"><img src="LINK DA IMAGEM"/>
</a></div>

Caso não queira link, use:

 <img src="LINK DA IMAGEM" class="imagespinw">

Beijos e feliz ano novo!!! 

6 comentários:

  1. No próximo lay, vou usar na elite de afiliados, é muitoo lindo!

    Marina, vc pode mandar o convite de postador pra mim?

    ResponderExcluir
    Respostas
    1. Oi Lucy! Me passa seu e-mail, pode mandar ali pela ask, caso não queira deixar aqui nos comentários (acho melhor pela ask porque ninguém vê).

      Talvez eu demore um pouco pra te mandar o convite, ano novo eu sempre almoço na casa da minha avó e fico lá quase o dia todo (não gosto de ir, mas não tenho escolha hahhahah).

      Excluir
    2. Mandei, ta separado por que não pode colocar e-mail.

      Excluir

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!