Olá galerinha,
Bom hoje eu trouxe mais um efeito para fotos, é fácil também e super lindo, bom o efeito se chama HeartBeat eu aprendi a fazer no blog Eu amo HTML, se vocês não conhecem o efeito aqui está uma:
Vamos então ao tutorial. Primeiro vá em:
Modelo > Editar HTML > E procure por:
]]></b:skin>
Quando achar cole em cima este código:
@-webkit-keyframes efeito-heartbeat-isa {
1% {-webkit-transform: scale(0.8);}
50% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(1.1);}
}
@-moz-keyframes efeito-heartbeat-isa {
1% {-webkit-transform: scale(0.8);}
50% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(1.1);}
}
@-o-keyframes efeito-heartbeat-isa {
1% {-webkit-transform: scale(0.8);}
50% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(1.1);}
}
.efeito-heartbeat-isa {-webkit-transition: .5s; border:solid 2px #E42D8A;border-radius: 10px;box-shadow: 1px 1px #caebe6;}.efeito-heartbeat-isa:hover {-webkit-animation: efeito-heartbeat-isa .5s alternate infinite linear;border:solid 2px
#DC1B7A;}
border: solid 2px #E42D8A; é a borda, a grossura e a cor da borda. Se não quiser apague.
border-radius: 10px; borda arredondadas
border:solid 2px #DC1B7A; é a borda, a grossura e a cor quando passa o mouse por cima. Apague se não quiser.
Depois Salve e vá em:
Vá em Layout > Adicionar Gadgets > HTML/JavaScript > Cole:
<a href="LINK"><img class="efeito-heartbeat-isa" src="URL DA IMAGEM" /></a>
<a href="LINK"><img class="efeito-heartbeat-isa" src="URL DA IMAGEM" /></a>
<a href="LINK"><img class="efeito-heartbeat-isa" src="URL DA IMAGEM" /></a>
<a href="LINK"><img class="efeito-heartbeat-isa" src="URL DA IMAGEM" /></a>
<a href="LINK"><img class="efeito-heartbeat-isa" src="URL DA IMAGEM" /></a>
<a href="LINK"><img class="efeito-heartbeat-isa" src="URL DA IMAGEM" /></a>
Pronto modifique onde pede e salve. E se usar dê créditos ao Eu amo HTML e ao Fofuras De Garotas. Beijos e até a próxima.
adorei esse efeito!
ResponderExcluirkisses || We're Trendy || Diamond Design
Fico feliz que gostou. Beijos
Excluirnunca consigo mexer no html do meu blog :(
ResponderExcluiresse efeito e muito lindo
beijos
Caprixos Teens
Que lindo o efeito *o* Vou usar no meu próximo layout =33
ResponderExcluirBjos ~ Poderia retribuir a visita ? Gave Crazy
Que bom que gostou, se usar não esqueça de creditar. Beijos
ExcluirJá estou seguindo seu blog também. Beijos
ResponderExcluirAdorei !3♥♥♥♥♥
ResponderExcluirhttp://seaofdreamspink.blogspot.com.br