Enable 3D elements

Enable perspective to give your elements a 3D look.

This video features an old UI. Updated version coming soon!

In HTML, adding a transform to an element (or multiple elements) will usually result in a more isometric and flatter look. To enable true 3D perspective, one of the parent elements needs to have Children perspective enabled.

So here’s how make elements inside a Section have perspective:

  1. Select a parent element
  2. Scroll down to Transforms
  3. Add a Child perspective (e.g., 1000 pixels)

Now you can go into the settings of any of the child elements and add 3D styles and its children respond in 3D space. This turns the Section into a sort of camera. Increase the Children perspective value to make things flatter, and decrease to make things have more depth.

Learn more about using 3D transforms here.

Try Webflow — it's free
No items found.
This video features an old UI. Updated version coming soon!