Blockquote Hover Degradê

Olá tamarindos!

Como vão? Eu estou bem, espero que vocês estejam na mesma que eu. Aproveitando muito as férias de carnaval, pois para mim ele só serve para férias, já que não o curto. Enquanto muitos estavam dançando no carnaval e se fantasiando eu estava fazendo um blockquote, fiz ontem, acabou de sair do forno e espero que gostem, mas primeiro eu irei enrolar um pouco na postagem e depois mostrarei a visualização.

 Uma novidade? A esposa do baixista Fatty de minha banda favorita {Family Force 5} aceitou meu pedido de amizade em uma rede social e ainda respondeu minha irmã no chat com um "Hello", resultado: Nós duas gritamos pra danar, mas depois ela ficou desconectada, UAHHAU'

Hmm... desconectada, me fez lembrar de um hit que gostei muito de uma banda que comecei a gostar desde o ano passado, a VERIDIA. Comecei a amar a vocalista desde que ela postou em seu site "GO BZRK" como legenda em sua foto. Então surtei e agora estou postando esse clipe da banda, essa música é massa. Eu sei que postando clipes que não têm nexo ao post é super estilo Hannah G3, mas hoje estou me disfarçando dela no caso e3e'

Agora, vamos continuar com o post. Para visualizar o blockquote, é só clicar no link enorme abaixo, não o deixe sozinho :c e não liguem para meu horrível blog de visualização, eu tenho piores. AHUAH'. E só para avisar, as cores no código HTML estão em rgb, mas podem trocar por cores em código padrão indo nesse site {www}

Preview

• 1- Clique na seta para abrir o código e cole acima de ]]></b:skin>

blockquote {
border: 3px double rgb(217,217,217); /* Cor da Borda */
background: rgb(164,138,181); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(164,138,181,1) 0%, rgba(136,172,180,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(164,138,181,1)), color-stop(100%,rgba(136,172,180,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(164,138,181,1) 0%,rgba(136,172,180,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(164,138,181,1) 0%,rgba(136,172,180,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(164,138,181,1) 0%,rgba(136,172,180,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(164,138,181,1) 0%,rgba(136,172,180,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a48ab5', endColorstr='#88acb4',GradientType=1 ); /* IE6-9 */
padding: 5px;
font-size: 16px; /* Tamanha da Fonte*/
color: #fff; /* Cor da Fonte */
text-align: justify;
 width: 705px;
  margin-left: -8px;
}
blockquote:hover {
border: 3px double rgb(217,217,217); /* Cor da borda Hover */
background: rgb(173,150,189); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(173,150,189) 0%, rgb(161,192,195) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(173,150,189)), color-stop(100%,rgba(136,172,180,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgb(173,150,189) 0%,rgb(161,192,195) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgb(173,150,189) 0%,rgb(161,192,195) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgb(173,150,189) 0%,rgb(161,192,195) 100%); /* IE10+ */
background: linear-gradient(to right,  rgb(173,150,189)0%,rgb(161,192,195) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a48ab5', endColorstr='#88acb4',GradientType=1 ); /* IE6-9 */
  width: 705px;
  margin-left: -8px;
}

• 2- Salve e visualize.
• 3- Só vai até o passo 2.

Espero que tenham gostado do blockquote feito por mim. Se for postar em seu blog, ponha os créditos ao A.N ou à mim, Megan.