Si pasas el cursor sobre la siguiente imagen, esta cambiara por otra & al quitar el cursor, volvera a ser la misma que teníamos en el comienzo. Es un efecto muy divertido & simple para decorar un gadget de bienvenida o el pie de pagina, etc.
Para colocar este efecto, editaremos nuestro code original para colocar una imagen:
<img src="URL DE TU IMAGEN" />
De esta forma:
<img src="UR DE TU IMAGEN" onmouseover="this.src='URL DE TU IMAGEN 2'" onmouseout="this.src ='URL DE TU IMAGEN1'"/>
NOTA:
Recuerda que las imágenes deberán tener el mismo tamaño ambas para que queden bien posicionadas.
icons by brandnewancient.bs.com.
q bonito efecto :)
ResponderEliminarmuy buenos tutoriales, en cuanto tengas mas tiempo, los vere todos.
saludos:)
Wow! Muy bueno querida, me gusta mucho, gracias por compartirlo~
ResponderEliminarXoXoXo