Chapter 534: CSS3DObject

Core Idea

The base 3D object that is supported by CSS3DRenderer.

Key Concepts

• element : HTMLElement (readonly): The DOM element which defines the appearance of this 3D object.
• isCSS3DObject : boolean (readonly): This flag can be used for type testing.

Code Examples

import { CSS3DObject } from 'three/addons/renderers/CSS3DRenderer.js';

• What it demonstrates: Typical usage of CSS3DObject.

Reference Tables

Constructor

Signature
new CSS3DObject( element : HTMLElement )

Properties

Property	Description
.element : HTMLElement (readonly)	The DOM element which defines the appearance of this 3D object.
.isCSS3DObject : boolean (readonly)	This flag can be used for type testing.

Key Takeaways

1. CSS3DObject extends: EventDispatcher → Object3D
2. Most relevant properties: element, isCSS3DObject.

Connects To

• EventDispatcher: parent class
• Object3D: parent class
• Source: examples/jsm/renderers/CSS3DRenderer.js