beathoven
November 22, 2015, 10:39pm
1
I was looking to have a map where as a user hovers over it, a button appears which redirects the user to Google Maps on the website. I am having trouble nesting things and making the transitions happen. Does anyone know how to do this?
Here is my public share link: https://preview.webflow.com/preview/bizycuts?preview=8190798d10ba661835b9b5da70c6d8c6 how to access public share link )
sabanna
November 23, 2015, 5:49pm
2
Hello @beathoven ,
It is how I would accomplish this:
create div (“map-wrapper”), give it position: relative, style block exactly like you styled map;
put map inside the link-block , remove previous styling, give position: absolute, aligning: full;
add link-block inside the div (“map-link”), style the same way like new style for map, BUT with higher z-index.
Now to link you can add any url you want. Hover state you will have to style for link now, not for map.
Regards,