30/07/2012

Efeito Zoom nos afiliados [003]


Yo minna-san! Hoje trago um tutu bem maneiro pra vocês colocar efeito zoom nos afiliados, os creditos são do blog Kawaii Wordl. Caso queiram dar uma olhadinha aqui esta. Então vamos lá!?

1. Procurem por body { Quando achar coloque quando a } chave estiver fechada, cole o código abaixo depois dela.
 
Códigos
/* Efeito zoom nos afiliados */
.efeito {-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-transition: 0s linear;
-webkit-transition: opacity 0.6s linear;
-webkit-transition: all 0.8s linear;
-webkit-transition: all 0.8s linear;
-moz-transition: all 0.8s linear;
transition: all 0.8s linear;
background-color: #619a83; /* Cor da Borda */
padding: 3px; }
.efeito:hover {-webkit-transform: scale(1.50);
-moz-transform: scale(1.50);
background-color: #d75d7d; /*Cor da borda quando o mouse passa  */
padding: 3px; }

2. Depois vá ate ao Design e adicione um Gadgets do HTML/JavaScript e cole isso dentro.

Códigos
<a href="Link para a Imagem" title="Título do Link"><img src="Url da Imagem" class="efeito"></a>

Prontinho é isso ai!!!

2 comentários:

Bem Vindos
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.
Friends
Bunny Crazy by Wendy ❀
Bunny Crazy ★
Bunny Crazy ★
12345