Blockquote Estilo 4

un divertido blockquote para tu blog :3

para ponerlo en tu blog vas a...

plantilla - edicion de html - si te sale una advertencia pones "continuar"

buscas ]]></b:skin> y justo arriba pegas el siguiente código...

blockquote{

padding:10px;

display:block;

font:11px arial;

color:#ccc;

letter-spacing:1px;

border-radius:10px;

border:2px solid #FFE2E2;

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

-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;

background-position:0% 0%;

background:url(url del gif);

background-repeat:no-repeat;

background-size:0px;

}

blockquote:hover{

background:url(url del gif);

background-repeat:no-repeat;

background-position:100% 100%;

background-size:80px;

color:#777;

}

rojo: color y tamaño de la fuente

naranja: tamaño, tipo y color del borde del blockquote

amarillo: ahi pones la url del gif de tu preferencia

crédito: wanaseoby