Este tutorial lo aprendí hace muchísimo pero ya casi lo tenía olvidado -memoria de corto plazo- Así que hoy se los vengo a mostrar 😁 No tiene mucha ciencia,sin embargo es un bonito efecto. Básico pero bonito. ¿Qué necesitamos? Lo único que necesitamos aquí son: dos imágenes del mismo tamaño y un poco de paciencia.
Comencemos con el tutorial paso a paso. Y recuerda dar créditos al creador del tutorial. En este caso, YO.
Código
<img style="display: block;" src="URL-imagen-01" onmouseover="this.src='URL-imagen-02'" onmouseout="this.src='URL-imagen-01'" />
- Copia y pega, el anterior código, donde quieras que se vea. Por ejemplo en una publicación (como la imagen de arriba), en un gadget o hasta en tu misma pantilla HTML.
- Modifica URL-imagen-01 y URL-imagen-02.
- Clic en Vista previa y si todo está como tu quieres, pero ojo ahí no podrás ver funcionar el efecto, esto sólo lo digo para que veas que no se des-configuró nada en tu blog.
- Guardar y LISTO!!!
No hay comentarios:
Publicar un comentario