3D Showcase - Side by side images

Hi,

I have been watching the tutorial on the 3D showcase. The content in the video itself is great and i understand, however what i am struggling with is how to get 3 images side by side (as seen in the tutorial).

Also, when i put the interaction to move the object down, i can still see it in front of the section below.

Can you please help me with the above and getting the showcase started.

Thank you in advance.

Rob


1 Like

Hi Rob, thanks a lot for your post! Could you help to share the read-only link to your site and some screenshots of the elements in the designer?

Take a peek at the posting guidelines here: Posting Guidelines for the Design Help Category - General - Forum | Webflow

Thanks in advance, Dave

Hi Dave,

My apologises, please see read only link below with a couple of screenshots of the three images i would like side by side so i can create the 3D showcase. The images aren’t the size they will be in the end, it is so that you can see there are 3 images.

https://preview.webflow.com/preview/robs-five-star-site-78e407?preview=86da9b5f22ebb3e0f8981c2a13b74ba2


Thanks

Rob

Hey Rob,
Check out the link below as it is the 3D transform demo in read-only mode.
https://preview.webflow.com/preview/3d-transforms?preview=0fed200c1aac249a4f2582c6d3770031

You will find that you have to nest some divs in a container and absolutely position them in order to stack them side by side.

Hope this helps, Good Luck!
Jason

Hi Jason,

Thats perfect, just what i needed!

Thank you very much for your help.

Rob

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.