Image Map

Efeito flower.

Boa noite meus amores, estou super empolgada com o Umbrella Monitoring, fui aceita e faço parte da equipe agora, então nos siga e se inscreva na nossa monitoração.
Sobre o efeito, peguei lá no GC achei, simples e muito legal, e fácil de se usar.


Vá em editar/html e procure por : <head>
acima dele cole
<link href='http://static.tumblr.com/dlelfro/QJ2mh90b7/pisca2.css' media='screen' rel='stylesheet'/>
 Agora procure por ]]></b:skin> 
e acima dele cole :
.flower img{
padding:1px;
 -webkit-filter: opacity(78%);
border-top-left-radius:100px;
border-top-right-radius:100px;
border-bottom-left-radius:100px;
border-bottom-right-radius:10px;
border: 2px solid #CORBORDA;
 -webkit-transition-duration:2.0s;
}
.flower img:hover {
padding: 1px;
-webkit-animation-name: pisca;
-webkit-animation-duration: 1s;
 -webkit-transition-duration: 1.0s;
 -webkit-filter: opacity(100%);
border-top-left-radius:100px;
border-top-right-radius:100px;
border-bottom-left-radius:100px;
border-bottom-right-radius:100px;
border: 2px solid #CORBORDA;}

Salve. Agora vá em Layout e crie um gadget html/javascripit 
e cole :
<div class="flower"><a href="LINKBLOG"><img src="LINKIMG" /></a></div>  



#Compartilhe esse post:

Nenhum comentário:

Postar um comentário

© Todos os Direitos Reservados | Theme Designed by Seo Blogger Templates | Adaptação completa por: Alan Calvin!
back to top
e e e
e e e