With these controls, CSS3D lets you drop fully responsive web layouts into 3-D space: perfect for live webpages in any place you need rich, interactive HTML that moves and tilts just like a physical screen.
In Canvas Studio, a CSS3D element lets you embed ordinary HTML/CSS content onto a 3-D “card” that can rotate, tilt, and move just like any mesh. This can be anything from shortcodes to actual Elementor widgets! Because the markup is rendered by the browser’s CSS3DRenderer, it stays pixel-sharp at any resolution while still obeying perspective and depth cues. Use CSS3D for in-world monitors, virtual kiosks, or interactive dashboards that must feel native to the web yet live inside your scene.
Sub-Type – chooses which HTML tag Canvas Studio will create for you (div, Shortcode, Label); pick the one that best fits your semantic or styling needs.
Content / Selector – either raw HTML to inject (e.g., <p>Score 100</p>) or a CSS selector that points to an existing DOM node you want to reuse.
Render Order – acts like a z-index inside the CSS3D layer; higher numbers draw on top of lower ones, handy when multiple labels overlap.
With these controls, CSS3D lets you drop fully responsive web layouts into 3-D space: perfect for live webpages in any place you need rich, interactive HTML that moves and tilts just like a physical screen.