Hello everyone.
I am making a rather “experimental” site (made all the more so by my initial ignorance of how to go about it), where I am to deliver a fair amount of the content through understated “hidden” links.
I would thus like to link one particular region of an image to another page in my site, and do this many times over within the site.
I have started to play around with this by putting a button over the region I wan to be my link “hotspot”.
However, the position of my button changes from the precise region of my image that I want the link to be, on the preview and when resizing the browser window.
Which is to be expected I’m sure.
I have been using absolute positioning with % or vw/vh values.
Is there any way of making the link block/button always stay in exactly the same spot in regards to its parent element even while the later resizes to remain responsive?
Here is my link:
https://preview.webflow.com/preview/milkshaken?preview=27d56550f7e2947d4e46dc82a46efe3c
The part Im working on is within SECTION 03/ SLIDER DIV BLOCK/ SLIDER/ MASK/ Slide 2/ IMAGE DIV BLOCK/ COLOUR BLOCK/ WATERBOMB BUTTON
Is there any better way of achieving this?
Or good ways of implementing easter eggs in general?
I am completely new to this but very fascinated by the process, so I would appreciate any pointers anyone has.
Thank you very much in advance.