23 de jun de 2013

0

Blockquote com Borda Desfocada

Hello People
Hoje eu trouxe um tutorial que eu ache lá no KW, créditos á eles, que é um blockquote muito fofo que nem precisa de hover para ficar legal, veja:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
blockquote {
border 2px solid #a9c6e7; /*Tamanho, tipo e cor da borda/*
background-color: #dce9f8; /*cor do fundo/*
padding: 10px; /* espaço entre o texto e a borda/*
font-size: 8px;  /*tamanho da fonte/*
font-family: silkscreen; /*nome da fonte/*
color: #758495; /*cor do texto/*
box-shadow: inset 0 0 10px #a8c0db, 0 0 5px #a8c0db; /*configurações de sombra/*
text-align: center; /*alinhamento do texto/*
-moz-border-radius: 3px; /*borda arredondada/*
-webkit-border-radius: 3px; /*borda arredondada/*
border-radius: 3px; /*borda arredondada/*
}
Kissi

Nenhum comentário: