Efeito na equipe do Blog

396794_232638096813694_100002025160476_512815_1637785127_n_large
Oiie meus Cupcakes de Baunilha como vão? Hoje vim aqui postar um Efeito na equipe do Blog
Bom os créditos vão todos para o Bomba de Glitter ok?
O efeito fica assim:
É um efeito que é um quadradinho que você passa o mouse e fica redondo.
Achei interessante e resolvi postar aqui!
Para aprender clique em Leia Mais...
Vá em Design > Editar HTML
Aperte Ctrl+F e procure por body { cole este código depois da chave que fecha o CSS "{"
/* Efeito na Equipe do blog BombadeGlitter */
.efeito { -webkit-border-radius: 3px; -webkit-transition-duration: .80s; }
.efeito:hover {-webkit-transition-duration: .80s; -webkit-border-radius: 70px; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; }
O código fica igual da imagem a cima (Do Blog Bomba de Glitter)
E para aparecer o efeito, cole este código aqui:
<img src="Url da Imagem" class="efeito">
E para colocar um link na imagem:
<a href="Link para a Imagem" title="Título do Link"><img src="Url da Imagem" class="efeito"></a>
Boom meus Cupcakes de Baunilha espero que tenham gostado
E... Todos os créditos vão á:  Bomba de Glitter
Beijoos...

4 comentários:

  1. Muito bom esse tutorial,vou usar p/ colocar em meus afiliados,seguindo aqui se puder retribue?
    http://fakeslook.blogspot.com/

    ResponderExcluir
  2. Nossa, muito bom esse tutorial! Bem legal o efeito.
    Adorei o blog e ja estou seguindo!
    Se puder passar no meu depois eu agradeço
    Grande Beijo e tudo de bom!

    http://blogdanatana.blogspot.com/

    ResponderExcluir
  3. Ameeeeeeei . Estava procurando *-*
    Http://cuteworldbyme.blogspot.com/

    ResponderExcluir
  4. Adorei o tutorial e parece ser muito fácil de fazer.
    http://perfeitamenteteen.blogspot.com

    ResponderExcluir