Blockquote Personalizado

Como vocês estão?? Aqui em casa, está um problema de água TERRÍVEL! Aqui em casa todo mundo está nervoso por causa disso :( Espero que essa falta d'agua resolva logo!

O Posto de Hoje é sobre o blockquote personalizado que foi feito por mim ♥ Não é a melhor coisa do mundo mas, até que serve!! Continue lendo se quiser conferir...

Espero que gostem! Você confere o modelo aqui em baixo: 

PREVIEW

 Procre por ]]> e colocar o código abaixo acima desse código para fazer o Blockquote funcionar

/* blockquote Estilo Kawaii // CREDITE ♥

----------------------------------------------- */

blockquote{

background: #CD919E;

border-top-right-radius: 4px;

border-top-left-radius: 4px;

border-bottom-left-radius: 4px;

border-bottom-right-radius: 4px;

font-family: Arial;

font-size: 13px;

color: #fff;

text-align: center;

border: #000;

margin: 4px;

padding: 11px;

transition-duration: 3s;

}

blockquote:hover {

-webkit-filter: opacity(0.5);

background: #EEA9B8;

border-top-right-radius: 60px;

border-top-left-radius: 60px;

border-bottom-left-radius: 30px;

border-bottom-right-radius: 30px;

font-family: Arial;

font-size: 13px;

color: #8B3A62;

text-align: center;

text-shadow: 0px 0px #363636;

margin: 4px;

padding: 11px;

outline: none;

transition-duration: 3;

}

Feito isso, veja se o blockquote está funcionando perfeitamente!

Espero que tenha gostado do Tutorial! Comente se foi útil pra você! Bezuus e até amanhã ♥