Cutie ☆ Source

Hola a todas! Como les va? Les vengo trayendo un blockquote muy muy lindo =)
Visita mi blog de pruebas para verlo con tus propios ojos :3
O, si te da lata ir:
* Sin mouse encima

* Con mouse encima

Si colocas el mouse encima baja, y si lo sacas sube :P
Cónsigue tu blockquote! Código:

blockquote{ background:url(Aquí la url de fondo del blockquote); padding:10px; color:#000; letter-spacing:1px; border-radius:10px; border:2px solid #ccc; -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; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; } blockquote:hover{ background:url(Aquí otra vez la url de fondo del blockquote); background-position:50% 50%; }le

Ya que copiaste el código, tendrás que colocarlo arriba de </style>
Obviamente, deberás cambiar aquí la url de tu fondo del blockquote por el que quieras xd
Espero que les haya gustado tanto como a mi n_n

Etiquetas: blockquote, código, tutorial

martes, 17 de septiembre de 2013 posted at 10:20 a.m.