Site tour with transparent areas, how?

Question

css

Hello.

You need to make a tour of the site interface. On the whole page go overlay, except for the necessary elements.
The gag is that I don't know how to achieve the "hole" effect in the layer. Please tell me where to dig, maybe there is a plugin?

Answer 1

usablica.github.io/intro.js

Answer 2

There are a lot of plugins for "jquery site tour".

Answer 3

The first thing that comes to mind is to make the z-index of the element that we show more than the overlay

Answer 4

You put a figure with a hole on top of all the svg
and move it