Blockquote Estilo 3

Hola hoy les muestro otro nuevo estilito de Blockquote ^^


normal:



hover:



es muy bonito y sencillito *.* como siempre....

plantilla - edicion de html - continuar

buscamos ]]></b:skin> y justo arriba pegamos lo siguiente:

blockquote{

padding: 5px;

border: 1px solid #fcc;

-webkit-box-shadow: 0 0 30px #fbc; 

-moz-box-shadow: 0 0 30px #fbc;

-moz-transition: all .4s ;

-webkit-transition: all .4s ;

}

blockquote:hover {

padding: 5px;

border: 1px solid #fcc;

-webkit-box-shadow: 0 0 5px #fbc; 

-moz-box-shadow: 0 0 5px #fbc;

-moz-transition: all .4s ;

-webkit-transition: all .4s ;

}

verde: forma del borde

rojo: color del borde

naranja: color de la sombra (o resplandor) del blockquote

celeste: borde del blockquote hover


eso es todo, nos vemos ^^ chao chao :3


Crédito: Mell Blog!