Blockquote personalizado

Hey pessoal ~ 

Não tive postando esses dias por alguns motivos, estava tendo prova do estado na escola, foram dois dias de prova e tive que ficar estudando, pois essas provas ajudam muito para as notas finais no final do ano, foi muito cansativo e também por que minha internet tava muito lenta, más tipo muito lenta mesmo. Não tava carregando a página de fazer postagens, por isso não consegui. Más hoje parece que a NET, decidiu me dar colher de chá, e a internet até agora tá funcionando normal.

Bom, faz algum tempo, que pessoas vem pedindo para eu postar alguns modelos de blockquote, hoje trago apenas um modelo porque eu estou sem ideia para colocar como efeito no blockquote. Vocês podem modificar ele, más sempre tem que manter os créditos quando for usar. Vamos lá ~

Veja como fica o modelo aqui 

Acima de ]]></b:skin> cole: 

@font-face { font-family: "Pf Arma Five"; src: url('http://static.tumblr.com/k0eee68/E0hmo3mkj/pf_arma_five.ttf'); }

blockquote {

font-family: Pf Arma Five;

font-size: 8px;

color: #FFF;

text-shadow: 0 1px 0 #58362A;

letter-spacing: 1px;

text-align: left;

border-left: 2px solid #58362A;

border-right: 2px solid #58362A;

background: #C89D6F;

padding: 1px;

padding-left: 10px;

border-radius: 2px;

-webkit-transition-duration: .100s;

-webkit-transition: all 0.4s ease;

-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;

transition: all 0.4s ease; }

blockquote:hover {

font-family: Pf Arma Five;

font-size: 8px;

color: #fff;

text-shadow: 0 1px 0 #000000;

padding-left: 13px;

letter-spacing: 1px;

text-align: center;

background: #58362A;

border-left: 2px solid #58362A;

border-right: 100px solid transparent;

padding: 1px;

-webkit-transition-duration: .100s;

padding-left: 13px;

-webkit-transition: all 0.4s ease;

-moz-transition: all 0.4s ease;

-o-transition: all 0.4s ease; transition: all 0.4s ease;}