Interactive Map Points Effect With Transparent Background


This is an interactive transparency background effect that makes images visible when specific points are hovered, showing some content once clicked.It’s been developed by Codrops.

The main idea is to show a map or a base image with some points of interest (POS) and when we come close to one of these points and hover, an image starts to fade in.

When clicking on the POS indicator, a content layer is shown with some more information on that point; the background image becomes completely opaque. This concept could be fitting for some kind of map assisted story telling, like a travel piece or similar.