03 agosto 2012

Simple blockquote hover


Hey lindaas!! Bom gente trouxe hoje um modelido de blockquote hover

Resultado:











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 */
}

Eh um blockquote bem simples mesmo gente, desculpa não estar postando sempre, não sei se é a preguiça ou a falta de inspiração, mas quando entro nessas minhas "ondas de inspiração" preparo vários posts hehe. É isso por hoje
Kiss &Kiss

Acessem:




2 comentários:

Ana Carolina Reis Freitas disse...

Muito bom o seu blog,
Já tô te seguindo no GFC,
Segue de volta? Curti minha fanpage?

brogandome.blogspot.com
facebook.com/brogandome

twitter: @carolposeidon
Carol

Nathália Santana disse...

nossa amei , vou faezr no proximo lay !

começei um blog hj me ajuda ?
http://sendo-nerd.blogspot.com.br/