Tutorial: Efeito na Equipe

Oiie, vocês estão percebendo que o blog não esta ficando tão desativado assim, e isso é muito bom né rs' Nossa faz tempo não tem um tutorial aqui no blog né? resolvi trazer um pra vocês. Esse tutorial peguei no blog Tutoriar então super créditos pra lá. O Efeito, é igual o do blog Tutoriar, um efeito simplesmente lindo eu adorei no proximo layout vou usar. Vamos ao tutorial.



Vá em sua HTML, e procure por: body { dando CTRL+F:
achou? então acima dele, cole o seguinte código:

//* Efeito na equipe by: www.Tutoriar.com  *//

.equipe {
opacity: 0.7;
-webkit-transition: 0.5s;
border-radius:15px;
width: 70px;
height: 80px;
text-align: center;
}
.equipe:hover {
opacity:1.0;
border-radius:10px;
-webkit-transition: 0.5s;
-webkit-transform: rotate(4deg) scale(1) skew(3deg);
}
//* End *//

Visualize e salve, agora para usar o Efeito adicione o seguinte gadget: HTML /JavaScript e cole este código:

<a href="LINK" title="NOME"><img src="URLDAIMAGEM" class="equipe"/></a>

Faça as alterações e prontinho. Beijos :*