Tutorial: Blockquote # 2

Hola muffins, ¿cómo están pasando su fin de semana? :3 [Yo bien, muy bien xD]

Esta vez, traigo un tuto de un blockquote: 

P·R·E·V·I·E·W 

Hermoso, no creen? 

Para obtenerlo, deben añadirlo antes de  ]]>

Código guapetón:

blockquote{
background:url(http://24.media.tumblr.com/4d2622d72c59a009d1acffa8aaf0179c/tumblr_mvyh175UeQ1s5pjxqo1_1280.png);
padding:10px;
color:#8B8B8B;  /* Color Del Texto */
letter-spacing:1px;
border-radius:20px;
border:2px solid #ccc;  /* Tamaño, Tipo & Color Del Borde */
-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(http://mujuworld.co.uk/wp-content/themes/muju/gfx/v3-background.png);
background-position:50% 50%;
}

Editan lo marcado y listooo.

Espero que les sirva de algo ^-^ 

[x]

*Ahora corran y vashan a Youtube y busquen "To catch a flame" ♥* 

Post por: Gяιммγ

¿Te ha gustado esta entrada?

Sigueme en mis redes sociales para no preederte ninguna entrada Blogger | Google Plus
Contactame por e·mail kawaii.friki.chan@gmail.com