Efeito flash

 Por: Lalalalala    18:16  efeitos   Sem Comentarios

Oi amorecos, tudo bem ? hoje trouxe um tutorial super fácil de fazer para afiliados é o efeito flash. Os créditos vão para o Kawaii World  . 

preview (www)

Entre no seu html e procure por ]]></b:skin>  

e logo acima dele coloque esse codigo

@-webkit-keyframes flash { 1% { opacity: 0.7; } 30% { opacity: 0.4; } 100% { opacity: 1; }}

.ikasama{

-webkit-transition: .2s;

border: #FFEBCD 2px solid;

-webkit-filter:contrast(100%);

}

.ikasama:hover{

-webkit-animation-name: flash; -webkit-animation-duration: 0.7s; -webkit-animation-iteration-count: 1; -webkit-transition-property: opacity; opacity: 1;-webkit-filter:contrast(140%); }

Depois salve e vá para Layout, crie um gadget Html/javascript e cole :

<a href="LINK" title="TITULO"><img src="URL DA IMAGEM" class="ikasama" /></a>