segunda-feira, 4 de fevereiro de 2013

Efeito leaving



trouxe um Tutorial de um efeito que eu acho Lindo,o nome dele é Leaving, Vocês agora devem tá pensando "Mais que raio de efeito é esse?" Calma,eu vou explicar,esse efeito é meio que 3D, ele quase pula de tela, pois é... veja com seus próprios olhos: Live Preview ... agora que vocês já viram o resultado e querem aprender como faz clique em 'Continue Lendo'


Primeiro abra seu querido HTML aperte F3 e procure por  ]]></b:skin> acima da tag cole:

.sombra {margin-bottom: 3px; margin-right: 1px; border-radius: 0px; transition-duration: 40s; -webkit-transition-duration: .40s;
}
.sombra:hover {box-shadow: 9px 10px 10px #b0b0b0;
 margin-left: -10px; margin-right: 11px; margin-bottom: 16px; margin-top: -13px;
}

Salve...agora vá até Layout >> adicionar um Gadget >> HTML/Javascript e cole:

<img class="sombra" src="LINK DA IMAGEM" width="110" /><img class="sombra" src="LINK DA IMAGEM" width="110" />
Fácil,né? 

Um comentário:

  1. Já estou tentando fazer no meu *-*

    Linda, um arraso teu blog. #seguindo.

    Se puder seguir de volta:

    http://dyarioteen.blogspot.com.br/

    ResponderExcluir