Personaliza las imágenes de tu blog con efectos RollOver y RollOut.

Hola mis amores, mis visitantes. Les quiero compartir un efecto que hace que tu website se vea de lo más cool. Yeah. ¿Saben qué es? Es un efecto para las imágenes. Con este codigo, tus imagenes tendrán un borde rellenito con el fondo que quieran, y con sombras difulminadas (tal como nuestras imagenes). Pero hay un nuevo codigo que hace el efecto muy llamativo. ¿Saben que es? Cuando pasan el mouse por las imagenes, el fondo se deslizará de un extremo al otro. ES GENIAL. Si quieren el codigo, abajo se los dejo:

a img { background-image:url('AQUILINKDEIMAGENQUE VA DE FONDO'); -moz-transition: background-position 1s; -o-transition: background-position 1s; -ms-transition: background-position 1s; transition: background-position 1s; background-position: top; } a img:hover { background-position: bottom; }

Dónde poner efecto?: Buscas en tu codigo html donde dice body{ y lo pegas abajo de ese codigo que termina en }

 Ustedes deben reemplazar donde dice AQUILINKDEIMAGENQUE VA DE FONDO con la imagen que quieren de fondo o el efecto no se verá...
Espero les haya servido, dejen comentarios si es así.. :)