🔥 Want a simple 3D effect in Webflow? Here’s how to do it. If you want to give an element a clea...🔥 Want a simple 3D effect in Webflow? Here’s how to do it. If you want to give an element a clea...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
🔥 Want a simple 3D effect in Webflow? Here’s how to do it. If you want to give an element a clean 3D look, follow this quick guide: Select the parent element of the element you want to affect. Go to 2D & 3D Transform and click the three little dots. Set Children Perspective to 1000px. Select the first element you want the 3D effect on (e.g., the image-wrapper). Click + under Transform. Rotate the Y-axis to create depth. Select the next element (e.g., the city-card inside your wrapper). Add another Transform and experiment with the Z-axis to separate elements in space and give it a 2.5D effect. And that’s it - you now have a 3D effect you can turn into a smooth scroll interaction or animated sequence.
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started