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:
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.
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.
Al sacar el cursor de encima de la portada ésta vuelve a aparecer suavemente (1 segundo).
La transición debe funcionar en todos los navegadores modernos de este siglo.