[Tutorial]Blockquote Hover 1

hOLA que tal jajaj yo estoy muy pero que muy bien disfrutando de las vacaciones de semana santa bien pues navegando en la red me encontré un tutorial muy interesante de un tipo Blockquote Hover que al pasar el cursor se hace un efecto muy lindo para verlo en vivo ve a mi blog de pruebas

Ver Prevew

Bien ahora el tuto espero que os guste

1. Plantilla
2. Edicion Htlm
3. CTRL+F y buscas
4. ]]></b:skin>

Y pegas este lindo codigo xD 

blockquote {
font-family:century gothic;
background:#fff url(Url de fondo);
box-shadow:inset 0px  10px 0px #D2FDE1,inset 0px -10px 0px #D2FDE1;
font-size:12px;
border: 1px solid  #D2FDE1;
padding: 30px;
-webkit-transition-duration: 1.0s;
}
blockquote:hover {
text-shadow: 0 0 0.5em  #FFF , 0 0 0.5em #FFF;
font-size:12px;
border: 1px solid #D2FDE1;
box-shadow:inset 0px 900px 0px #E1BDF8,inset 0px -900px 0px #D2FDE1;
padding: 30px;
-webkit-transition-duration: 1.0s;
}

Edit

Azulito:Es donde ira el fondo del blockquote  si no poneis nada se os quedara en blanco 

Verde:Es el color que predominara en el blockquote tiene que ser todo el mismo color

Rosa:Es el color del hover al que cambiara al pasar el cursor

Fuente [x]