2 tipos de Blockquote

Créditos:Kawaii World

Trouxe 2 tipos de Blockquotes para vocês

peguei uma delas no tumblr e a outra eu editei 

Vamos Ver??

Essa e a blockquote hover que quando passa o mouse ela se mexe que

nem a da imagem acima:

Cole esse código abaixo de b:skin:

blockquote {padding: 10px 10px 10px; margin: 2px; background: #FFC0CB; -webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px; color: #B03060; font-family: 'nau'; font-size: 6pt; text-align: center; -webkit-transition-duration: .90s;}

blockquote:hover {-webkit-transform: rotate(4deg) scale(0.9) skew(1deg); opacity: 0.6;  -webkit-border-radius: 0px;}

@font-face{

font-family: 'nau';

src: url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf'); 

src: url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format('embedded-opentype'), 

    url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format('woff'), 

    url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf')  format('truetype'), 

    url('http://static.tumblr.com/xxklb99/dpDm4g2o7/naucopie.ttf') format('svg'); }

 

Essa Blockquote tem duas cores e você pode editar as cores

com essa tabela[www]

Cole esse código acima de b:skin:

blockquote{background-color: transparent;  border-right: 2px solid #8acac9;  border-left: 2px solid #e8ccc6; border-bottom: 2px solid #e8ccc6; border-top: 2px solid #8acac9; color: #696969; font-family: 'verdana'; font-size: 8pt; line-height: 8px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing:1px; -webkit-border-radius: 5px; padding: 5px;}