隨著技術的發展，越來越多的網站開始使用3D動畫效果來吸引用戶的眼球。而實現3D動畫效果的基礎是HTML代碼。下面，我們將介紹一些常見的3D動畫HTML代碼。

// 1. 使用CSS3的3D transform屬性實現3D旋轉動畫
.box {
transform: rotateY(45deg);
transition: transform 1s ease-in-out;
}
// 在.hover狀態下改變transform值，實現動畫效果
.box:hover {
transform: rotateY(90deg);
}
// 2. 使用CSS3的perspective屬性實現透視效果
.container {
transform-style: preserve-3d;
perspective: 1000px;
}
// 3. 使用Three.js庫實現3D場景
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
// 創建一個立方體
var geometry = new THREE.BoxGeometry();
var material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
var cube = new THREE.Mesh(geometry, material);
scene.add(cube);
// 渲染場景
function animate() {
requestAnimationFrame(animate);
cube.rotation.x += 0.01;
cube.rotation.y += 0.01;
renderer.render(scene, camera);
}
animate();

以上代碼只是3D動畫HTML代碼的冰山一角，想要實現更加復雜的3D動畫效果，還需要深入了解相關的技術和庫。相信隨著時間的推移，3D動畫在網頁設計中的應用會越來越廣泛。