4 blockquotes pt.2

 Live preview 

Para aplicar cualquiera de ellos en tu blog:

Tema > Editar HTML > Ctrl + F y buscas ]]></b:skin>

Arriba de ]]></b:skin> copias y pegas el de tu preferencia.

ESTILO 1

blockquote {

margin: 1em 20px;

padding:10px;

box-shadow:inset 2px 2px 0px #FFEBCF,inset -2px -2px 0px #FFE3CF;

background-image:url(http://i.imgur.com/2EShx.png);

border: 2px solid #EEEEEE;

color: #000000;

font:12px century gothic;

-moz-transition: all 1.5s ease-in-out;

-o-transition: all 1.5s ease-in-out;

-ms-transition: all 1.5s ease-in-out;

transition: all 1.5s ease-in-out;

}

blockquote:hover {

background-image:url(http://i.imgur.com/tDtge.png);

box-shadow:inset 500px 200px 0px transparent,inset -500px -200px 0px transparent;

}

 

ESTILO 2

blockquote {

margin: 1em 20px;

padding:10px;

box-shadow:inset 3px 3px 10px #EEEEEE, inset -3px -3px 10px #EEEEEE;

background:#FFFFFF;

border: 2px dotted #777777;

color:#333333;

font:11px Kristen ITC;

-moz-transition: all 1.0s ease-in-out;

-o-transition: all 1.0s ease-in-out;

-ms-transition: all 1.0s ease-in-out;

transition: all 1.0s ease-in-out;

}

blockquote:hover {

box-shadow:inset 380px 0px 0px #bbbbbb,inset -380px 0px 0px #bbbbbb;

color:#FFFFFF;

}

ESTILO 3

blockquote {

margin: 1em 20px;

padding:10px;

box-shadow:5px 5px 5px 2px #FFEAED;

background-color:#FFFFFF;

background-image:url(http://media.tumblr.com/b653ddb8f0a95af1991164b79404277f/tumblr_inline_mo53fpDDzH1qz4rgp.gif);

background-repeat:no-repeat;

background-position: 100% 99%;

background-size:80px;

border: 2px dotted #FFE6EA;

color:#111111;

font:11px Century gothic;

-moz-transition: all 1.5s ease-in-out;

-o-transition: all 1.5s ease-in-out;

-ms-transition: all 1.5s ease-in-out;

transition: all 1.5s ease-in-out;

}

blockquote:hover {

background-position: -100% 99%;

background-image:url(http://media.tumblr.com/b653ddb8f0a95af1991164b79404277f/tumblr_inline_mo53fpDDzH1qz4rgp.gif);

background-repeat:no-repeat;

}

ESTILO 4

blockquote {

margin: 1em 20px;

font:13px candara; color:#333333;

padding:10px;

background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0wzJsBzMo_tMmhoW1kU-1xOERino55k4ShOMu_XC89xfzn3Y04Ooof9HSMhNIwXKmCwZbmdbePzQWyFwqKx5Ds_U4XizGWEgVtN_k2vbc39raDywa3_LJtv7GYfCgF9jQJHAWTJuIm-Oi/s1600/tumblr_lxwynw0Pdg1r9g6hvo5_250.png);

border-left: 10px solid #FFE1E4;

border-right: 10px solid #FFE1E4;

border-top: 2px solid #FFE1E4;

border-bottom: 2px solid #FFE1E4;

color:#555555;

border-radius: 10px;

-moz-transition: all 0.5s ease-in-out;

-o-transition: all 0.5s ease-in-out;

-ms-transition: all 0.5s ease-in-out;

transition: all 0.5s ease-in-out;}

blockquote:hover {

background:url(http://i.imgur.com/tDtge.png);

border-right: 10px solid #EFE6FF;

border-left: 10px solid #EFE6FF;

border-top: 2px solid #FFEDEF;

border-bottom: 2px solid #FFEDEF;

border-radius:30px;

-webkit-box-shadow: 0px 0px 6px 4px #FFFAD8;

-moz-box-shadow:    0px 0px 6px 4px #FFFAD8;

box-shadow:         0px 0px 6px 4px #FFFAD8;

}