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!