Efeito Change

Boa tarde.

Primeiro quero agradecer á opinião de vocês sobre nosso layout, de coração. Passei tempos fazendo, e o carinho de vocês fez valer mais á pena ainda.

Trouxe para vocês mais um efeito, o efeito é bem simples, você passa o mouse e a imagem e a cor da borda mudam. Fica muito bom em autores e em gadgets de divulgação.

Preview

Se usarem creditem.

Vamos ver?

 

1º Cole este código acima de ]]><b:skin

.efeitochange{

background: url('fotoprincipal'); 

width: largurapx; 

height:alturapx; 

-webkit-transition:0.9s;

-webkit-transition:0.8s;
-moz-transition: color 0.1s ease-in;
border: 3px solid #fec9e7; /*tamanho,estilo e cor da borda*/

}

.efeitochange:hover{ 
background:url('outrafoto');
width:largurapx;
height:alturapx;
-webkit-transition:0.8s;
-moz-transition: color 0.1s ease-in;
border: 3px solid #c9fcfe; /*tamanho,estilo e cor da borda*/
}

Ás explicações já estão no código.

2º Depois, cole este código num gadget de HTML/Javascript

<div class="efeitochange"></div>

E prontinho, o efeito já está pronto. Viram como é fácil?

Se usar credite, e se reblogar também.

Bjs e até mais.