domingo, 30 de dezembro de 2012

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.
Se usarem creditem.
Vamos ver?
 


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.

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.

4 comentários:

- Comente a vontade, eu retribuo ^3^
- Palavras de baixo calão, xingamentos e outros tipos de ofensas não são permitidos. Para quê tanto ódio no coraçãozinho, gente? c: