Hover Effect

Relou, panditas.

Só eu que malicio tudo que é coisa? Ano passado eu via algo e começava a rir e olhar para o meu colega. Esse ano estou mais santa, ano passado que era tenso. Mudando de assunto, vocês conseguiram ouvir Heart Attack? Eu sim, é diva a música, perfeita demais.

Vou ensinar hoje, para vocês, um efeito bem simples para usar no seu blog. Nele, ocorre o 'hover' de uma imagem para a outra, é bem simples e legal. Para ver a live preview do efeito, clique aqui. Legal, né?

Cole o código abaixo em cima de ]]></b:skin>, e edite:

.imghover{ background: url('urldafotoprincipal'); width:larguradafotopx; height:alturadafotopx; -webkit-transition:0.9s;}

.imghover:hover { background:url('urldafotohover'); width:larguradafotopx; height:alturadafotopx; -webkit-transition:0.9s;}

Agora, para aparecer, cole isso em um gadget:

<div class="imghover"></div>