Actividad: Crea una transición
Profesor: Javier López
Volver
Descargar html de base
Actividad
Resultado final
Solucionador

Actividad:
Con el formulario y el mapa ya creado en las actividades de los temas anteriores, vamos a crear una transición que afecte al mapa siguiendo las siguientes características:
  1. Crea en un <div> una portada con la dirección e información complementaria con el mismo tamaño que el mapa y colócalo encima de éste.
  2. Crea una transición para que cuando el usuario pase con el cursor por encima esta portada se disuelva por completo en 1 segundo (cambiando su opacidad) dejando ver el mapa que hay debajo.
  3. Al sacar el cursor de encima de la portada ésta vuelve a aparecer suavemente (1 segundo).
  4. La transición debe funcionar en todos los navegadores modernos de este siglo.