Enable 3D elements

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.

In this Micro Lesson, Grímur shows us how to enable Children perspective on a Section, turning it into a camera in which children elements can be manipulated in 3D space. Is it as powerful as time travel? No. But almost.

Video details

Duration

0:56

Topic

Design & build

Continue watching

<h3>Migrate a site to Webflow</h3>1:16:53

<h3>Cursor follow interactions</h3>10:25

<h3>Build a cursor-following 3D button</h3>5:15

<h3>Webflow MCP: Build an FAQ accordion with Claude</h3>8:19

<h3>Page load interaction</h3>9:43

{
  "@context": "https://schema.org",
  "@type": "VideoObject",
  "name": "Enable 3D elements",
  "description": "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.",
  "url": "https://university.webflow.com/videos/enable-3d-elements",
  "thumbnailUrl": "https://cdn.prod.website-files.com/64949e4863d96e26a1da8386/64b9446f8beb8846d73446a5_5fa1db1262c25b34c66e35e9_YT-Thumbnail-WFU-Enable-203d-20elements.webp",
  "duration": "0:56",
  "uploadDate": "2026-07-15T20:51:09.709Z",
  "contentUrl": "https://www.youtube.com/watch?v=pfwi0QYI9u0",
  "embedUrl": "https://www.youtube.com/embed/pfwi0QYI9u0",
  "inLanguage": "en",
  "publisher": {
    "@type": "Organization",
    "name": "Webflow",
    "logo": {
      "@type": "ImageObject",
      "url": "https://assets-global.website-files.com/6009ec03c3b4e33e78af04aa/6516be62e5c189e9d4fa5e8f_webflow-logo.svg"
    }
  },
  "about": {
    "@type": "Thing",
    "name": ""
  }
}