16 de nov de 2012

Simple Blockquote Hover

Oi Gente! Tudo bem!? Fiquei muito feliz por vocês, terem gostado das minhas ilustrações de posts! Logo logo faço mais! Ja estou com algumas prontas! 

Eu vim ensinar um tutorial, que você só preciso pegar o código e colar abaixo de skin.... Bem eu ja ensinei aqui no blog... é só procurar em Tutoriais! Fica desse  jeito:


Quer aprender!?

blockquote {
background: #F2EDEF; /* fundo */
padding: 5px; /*espaçamento */
border-radius: 5px; /*bordas arredondadas */
-webkit-transition-duration: 1.0s; /*duração da transição */
border: 8px solid #fff; /* borda */
box-shadow: 2px 2px 6px #000; /* sombra da caixa */
color: #C081E6; /* cor da fonte */
}
blockquote:hover {
border: 8px solid #C081E6; /* borda hover */
-webkit-transition-duration: 1.0s; /* duração da transição volta */
color: #000; /* cor da fonte hover */
}
Créditos: www

Beijos!

8 comentários:

  1. woow, ficou mara quando eu testei no meu blog de testes, vou ultilizar no meu outro lay haha, sério fica super lindo e fofo *o*
    seguindo fofa ^.^
    garota-megera(blogspot.com)

    ResponderExcluir
  2. Olá! Acho que não te disse, mas seu blog está lindo *-* haha
    Mas esse tutorial é muito útil, eu achei o efeito super fofo! Vou salvar nos meus favoritos, quem sabe eu não uso? Adorei, sério!

    Beijos, Mrs. Nightshade.

    ResponderExcluir
  3. adorei o seu blog flor,seguindo akiie,se vc gostar do meu pode segui-lo também? *--*
    xoxo~~>http://cutesmiling.blogspot.com.br/

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...