Olá pessoal vim trazer esse tutorial para vocês que e muito legal !o nome na verdade não tem nada a ver, o efeito não cai, ele meio que anda para os lado e some. Logo após, volta.
Então vamos lá !
1. Vá até modelo > Editar HTML e clique em qualquer lugar da caixinha com os códigos. Pressione ctrl + F e procure por <head> que deve se encontrar mais ou menos na quarta linha. Abaixo dessa tag que você acabou de encontrar, cole o seguinte:
<link href='http://static.tumblr.com/dlelfro/wZfml3zxq/fallingkw.css' media='screen' rel='stylesheet'/>
2. Agora vá descendo até encontrar a primeira setinha, onde tem <b:skin>...</b:skin>. Se preferir, use o ctrl + F e procure por ... e aí você irá achar a seta. Clique nela. Pressione ctrl + F e procure por ]]></b:skin>. Acima dessa tag, cole o seguinte:
.efeitofall{padding:2px;border:1px solid #dcdbdb;}.efeitofall:hover{-webkit-animation-name: fall;-moz-animation-name: fall;-o-animation-name: fall;animation-name: fall;-webkit-animation-duration: 1s;
}
3. Você já pode salvar. Para aplicar o efeitoe em alguma imagem, utilize o código abaixo dentro de um gadget de HTML/JavaScript. Serve para imagens e menus, faça um bom uso. Substitua as partes indicadas.
<a href="LINK""><img src="LINK DA SUA IMAGEM" class="efeitofall"/></a>
Creditos: Sentiero Delle Rose
Já conhecia esse efeito! acho ele bastante legal.
ResponderExcluirhttp://forever-teens-89.blogspot.com.br/
Olá!! sou amiga da sua mae e da sua maninha, sua mae recomendou seu blog e amei!!! tem tudo aquillo que eu preciso!!! rsrsrrs...
ResponderExcluirEstou adorando suas dicas, parabens por tanta coisa criativa e super util para nós blogueiras iniciantes. Adorei tudo por aqui!!
Fique com Deus!
Bjs!
Cristine.