Efeito zooming

16:06 0 Comments A+ a-


Oi meus amores <3
Trouxe hoje um efeito para imagens, nele podem ser colocados nome e descrição, é bem fofinho, muito útil para autores, concursos e etc... Pra quem ficou interessado aqui uma preview:
Efeito por KW okay?


Primeiramente no seu HTML tecle Ctrl + F para abrir a caixa de pesquisa e então procure por ]]></b:skin>, acima dessa tag cole isso:

#zooming {
width:110px;
height:110px;
display: inline-block;
position:relative;
}
#zooming img {
position:absolute;
width:110px;
height:110px;
-webkit-transition-duration: .80s;
}
#zooming:hover img{
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
opacity:0.3;
-webkit-transition-duration: .70s;
}
.zoomingout {
float:center;
width:110px;
height:110px;
border: 2px solid #e4a2c7; 
overflow:hidden;
-webkit-transition-duration: .59s;
}
.zoomingout:hover {
float:center;
width:110px;height:110px;
border: 2px solid #e377b4;
overflow:hidden;
-webkit-transition-duration: .59s;
}
#palavras a.header {
width:110px;
height:110px;
margin-left:-1px;
opacity:1;
margin-top:-0px;
padding:4px;
text-align: center;
color:#bb4487;
font-size: 10px;
padding: 5px 2px 10px 2px ;
}
#palavras {
width:110px;
height:110px;
margin-left:-1px;
opacity:1;
margin-top:-0px;
padding:4px;
text-align: center;
color:#434343;
font-size: 10px;
padding: 5px 2px 10px 2px ;
}
*As palavras em vermelho/destaque é onde você deve alterar a cor de acordo como quiser
O efeito já está adicionado ao seu blog, porém para pegar você precisa adicionar esse código em um gadget HTML/Java Script:

<div id="zooming" class="zoomingout"><img src="LINK DA IMAGEM" class="image4" />
<div id="palavras"><a href="link" class="header">TEXTO EM ROXO OU OUTRA COR</a>
<br />
TEXTO TEXTO TEXTO</div></div>

 E prontinho <3 está feito <3
 Gostaram? Comentem! Até mais gente!

Sou Nathalia Nates, adolescente, confusa, que não sabe o que quer da vida, e por isso tenta de tudo(desistindo na maioria das vezes por ter medos e inseguranças).

Nasci em uma pequena cidade do norte do paraná, onde moro até hoje, com meus pais e meus dois cachorros.