Ignore click on overlapping image that covers iframe to interact with iframe

Hey there,

I am working on including a Figma prototype with a portal animation around it. I managed to make the portal animation overlap with the Figma iframe.

The problem is that I cannot click anything in the interactive prototype, as the image is in the foreground.

Do you have any idea how I could make it clickable? Is there a way the click on the image gets ignored and I can directly click on the iframe / interact with the prototype? I don't want the portal animation to be in the background though, as the hard border of the iframe should be covered. Or do you even have a better idea to create such a portal frame?

Thank you so much for your help!

PS: The portal animation is based on this if you are courious: https://codepen.io/propjockey/pen/vYxraBz?editors=1100

4 hours ago, MichGlad said:

Hey there,

 

I am working on including a Figma prototype with a portal animation around it. I managed to make the portal animation overlap with the Figma iframe.

 

The problem is that I cannot click anything in the interactive prototype, as the image is in the foreground.

Do you have any idea how I could make it clickable? Is there a way the click on the image gets ignored and I can directly click on the iframe / interact with the prototype? I don't want the portal animation to be in the background though, as the hard border of the iframe should be covered. Or do you even have a better idea to create such a portal frame?

 

Thank you so much for your help!

 

PS: The portal animation is based on this if you are courious: https://codepen.io/propjockey/pen/vYxraBz?editors=1100

 

Are you planning to make the animation on squarespace?

Hi @bangank36 :)

I want to have some kind of animated portal frame around the figma iframe. I don't want to make the animation in figma, as it should already be visible while figma is loading. Also, it schuld cover up the hard boarder of the figma iframe.

I used this code for the animation: https://codepen.io/propjockey/pen/vYxraBz?editors=1100

Thank you for your help :)