Use Children perspective and 2D & 3D transforms to give your elements a 3D look.
Adjusting only 2D and 3D transforms on elements can make them look isometric or flat. To enable true 3D perspective, you’ll need to enable Children perspective on a parent element. This makes the parent element function like a “camera” that shows different angles of the child elements and creates perspective.
To add Children perspective on a parent element:
To add 2D and 3D transforms on a child element:
Now you can go back to the parent element and adjust the Child perspective distance to make the child elements appear either flatter or more 3D. Learn more about using 3D transforms.
Wow! It’s a whole other dimension of awesome!
Something went wrong while submitting the form. Please contact support@webflow.com