Image should only appear when the mouse pointer is moved over the visible word

1

Hi,
I have words on my website that appear 12 seconds later after loading the website. Once they are visible you can hoover over and see an image. But this image should only be visible then. The current situation is that you can also see the image when you move the mouse over the place where the still invisible words are placed. How do I get rid of this? The image should only appear when the mouse pointer is moved over the visible word.

Does anyone have an idea how I can solve this?

2

Maybe add a transparent shape over the trigger, and have it disappear after the 12 secs (once the text pops there). The shape will basically block hover interaction and thus avoid the image to appear (but only until the text is ready).

3

thanks so much! It works :slight_smile:

1 Like
4

That’s great news! Awesome! :raised_fist:t3: