25 fevereiro 2013

Dois Efeitos Para Afiliados

Oi! Vim trazer dois efeitos de afiliados que eu uso. Eu estava pensado em fazer minha primeira lenda aqui o que acham ? :) Não tenho muito o que dizer rsrs. Mas vamos ao tutorial que o post vai ser um pouco mais grande.
Efeito Gota
esse efeito esta nos primeiros afiliados que se forma uma gota.
Créditos: Chá Com Anjos

1.Cole o código abaixo antes de ]]></b:skin>:


.borg{-webkit-border-radius: 360px;
-moz-border-radius: 360px;
border-radius: 360px;-webkit-transition-duration: .90s;-moz-box-shadow: 0 0 1em #d8d8d8; -webkit-box-shadow: 0 0 1em #d8d8d8; box-shadow: 0 0 1em #d8d8d8;
}
.borg:hover{-webkit-border-radius: 360px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 360px;
-moz-border-radius-topleft: 0;
border-radius: 360px;
border-top-left-radius: 0;}

2.E cole o código abaixo onde desejar:

<a href="URL DO BLOG" title="NOME DO BLOG" target="_blank"><img src="URL DA IMAGEM" class="borg"/></a>

Efeito Flaop  
Créditos: The Secret Diary & Kashmeres

1.Cole o código abaixo antes de ]]></b:skin>:

.flaop {opacity: 0.5;-webkit-transition: 0.5s;}.flaop:hover {opacity: 2.0;

 2.E cole o código abaixo onde desejar:

<a href="Link do blog" title="Nome do blog"><img src="url da imagem" class="flaop"/></a>

2 comentários:

  1. Adorei o segundo efeito! ^-^ Estava procurando ele!É tão fofo! :3
    Obrigada por postar,eu talvez use no meu próximo Layout!
    Beeijos <3

    Edition Romeu e Julieta.

    ResponderExcluir