Hoje eu estou trazendo mais um tutorial, esses é bem simples e fácil ^^ vou ensinar como fazer esse efeito:
Primeiro, abra o seu HTML, tecle Ctrl + F e procure por:
]]></b:skin>
E acima dele, cole esse código:
.elitescale{
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.5s linear;
-webkit-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
background-color: #FF6EB4; /*Cor da borda */
padding: 3px;
}
.elitescale:hover {
background-color: #AB82FF; /*Cor da borda quando passa o mouse */
padding: 3px;
}
Mude apenas onde está em destaque, use a tabela para isso[www]
Agora, para usar esse efeito, adicione um gadget Java Script e dentro, cole esse outro código, fazendo as alterações necessárias :)
<a href="Link do Blog" title="Nome do blog"><img src="link da sua imagem" class="elitescale"/></a>Fonte:Cantinho Background
Nenhum comentário:
Postar um comentário