Tutorial : Efeito disappearing

Ooooi ! Desculpem esta falta de posts, a partir de dia 6 já posso postar normalmente. Há séculos que não trazia um tutorial, né?

Eu tirei este efeito de um tumblr (www) e passei para blogger. Ele é bom para as postadoras, temos uma imagem e quando passamos o rato a imagem desaparece e ficamos com o texto. Live preview *aqui*

Vai ao html do teu blog e acima de ]]></b:skin> cola o seguinte código :

/**Efeito 5 (cerejadosundae)***/#imagesm5 {width:150px;height:150px;position:relative;display: inline-block; } #imagesm5 img {position:absolute; width:150px;height:150px;-webkit-transition-duration: .99s;} #imagesm5:hover img{  -webkit-transform:scale(0.0); -moz-transform:scale(0.0); -o-transform:scale(0.0);-webkit-transition-duration: .99s;} .imageside5 {float:centerwidth:150px;height:150px; border:2px solid #777; overflow:hidden; } #texto5 { width:150px;height:150px;background: #000;margin-left:-4px;opacity:1;margin-top:-0px;padding:4px;color:#fff;padding: 15px 2px 10px  2px ; }

Não mexas em nada se não souberes o que estás a fazer.

Depois cola o código onde quiseres que as imagens apareçam :

<!----------Efeito 5 (cds)----------!>

<div id="imagesm5" class="imageside5"><img src="IMAGEM" class="image5" />

<div id="texto5">TEXTO</div></div>

Espero que tenham gostado. Beijos !