3d Interaction Causing Flickering

Design help Animations & Interactions
1

Hello,

I am using interactions on images that have 3d transformations. Unfortunately, the z-index is not working and the images seem to be flickering. (The small blue, green, and red images are supposed to go under the document image.)

I would really appreciate any advice.

Thanks

Here is my public share link:
https://preview.webflow.com/preview/nda-enterprise?utm_medium=preview_link&utm_source=dashboard&utm_content=nda-enterprise&preview=7a3d837045ee6831571d1b6341828b2a&mode=preview

1 Like
2

Hey @adam_yc

I don’t see the images you are talking about.

Piter :webflow_heart:

3

Hi @PeterDimitrov the images are the “documents” that are moving on the page. There are blue, green, and red document symbols (which are images). These smaller document symbols should be under the large grey document symbol (also an image) because of the z-index; however, they appear to be on top.