CSS3DRenderer 104 是一個能夠渲染 CSS 3D 變換的渲染器，我們可以利用它來構建 3D 網頁或者在已有的網頁上添加一些 3D 效果。 首先，我們需要引入 CSS3DRenderer 庫，代碼如下：

import * as THREE from 'three';
import {CSS3DRenderer} from 'three/examples/jsm/renderers/CSS3DRenderer';
const renderer = new CSS3DRenderer();

然后，在創建場景之后，我們需要設置渲染器的大小和清晰度，代碼如下：

renderer.setSize(window.innerWidth, window.innerHeight);
renderer.setPixelRatio(window.devicePixelRatio);

接下來，我們可以創建一個 CSS3DObject，并將它添加到場景中：

const element = document.createElement('div');
element.innerHTML = 'Hello, CSS3DRenderer!';
const object = new THREE.CSS3DObject(element);
scene.add(object);

現在，你可以通過一些 CSS3D 變換來對這個元素進行調整。例如，我們可以將它旋轉 45 度：

object.rotation.x = Math.PI / 4; object.rotation.y = Math.PI / 4;

最后，在渲染場景之前，我們需要將渲染器的 DOM 元素添加到頁面中：

document.body.appendChild(renderer.domElement);

至此，我們已經成功使用 CSS3DRenderer 104 來創建一個基本的 3D 場景了。當然，CSS3DRenderer 還提供了許多其他的功能，例如透視相機、混合模式等等，可以根據具體需要進行使用。