Efeito "Vai e Vem" Nas Imagens Do Blogger - Exclusivo
Nesta postagem irei mostrar para vocês como vocês podem estar colocando um efeito "Vai e Vem" nas imagens. O Efeito é bem chamativo.
Para coloca-lo no blogger é bem simples... Entre em "Modelo" - "Editar HTML", dê um Ctrl + f e procure pela tag
]]></b:skin>
Tendo encontrado a tag, cole ACIMA dela o seguinte código@-webkit-keyframes smallToBig{from {-webkit-transform: scale(1);}to {-webkit-transform: scale(1.1);}}
@-moz-keyframes smallToBig{from {-moz-transform: scale(1);}to {-moz-transform: scale(1.1);}}
.dicashot{max-width:74px; margin:1px;border-radius:10px;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;transition: all 0.4s linear;}
.dicashot:hover{-webkit-animation: smallToBig 300ms alternate infinite ease;-moz-animation: smallToBig 300ms alternate infinite ease;}
Tendo colado o código, salve.
Para que o código funcione em uma imagem, basta você colocar a class="dicashot" na imagem, assim:
<img class="dicashot" src="IMAGEM" /></div>
Veja o exemplo abaixo:
e deixe seu comentário.
