Tutorial: Blockquote {2}

¡Hola! Hoy les vengo a compartir otro estilo de blockquote, este es del blog de Wanaseoby, espero que les guste <3

Live preview

Plantilla / Editar HTML / CTRL + F y buscas

]]></b:skin

Arriba de ]]></b:skin> copias y pegas el siguiente código:

blockquote{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjD6StWTRzYqUgfWxKqO33WKTYy9UjQOA48iCoFSCc7govhQl92Z12m4d22YGfAf9BQEB1U9KlT6V6rnQ7Ejudd8VLvYnhZ3rcaoB5hn86GBl5lymk8QiaNACggTgMhZ0uik3iad4lIHPyU/s1600/grey.png

);

padding:10px;

border-radius:10px;

border-left:10px solid #CCC4FB;

border-right:10px solid #CCC4FB;

border-top:2px solid #DED9FC;

border-bottom:2px solid #DED9FC;

color:#808080;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

font-family:calibri

}

blockquote:hover{

border-radius:20px;

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

-webkit-box-shadow: 0px 0px 8px #B0AAFF;

-moz-box-shadow:    0px 0px 8px #B0AAFF;

box-shadow:         0px 0px 8px #B0AAFF;

} 

Nos vemos!