CSS是網頁設計中不可缺少的重要元素之一，其中的3D效果在現代化的網頁設計中應用越來越廣泛。以下是一些常用的CSS 3D效果代碼。

/*立體化*/
.box {
transform: perspective(500px) rotateX(45deg);
}
/*旋轉*/
.item:hover {
transform: rotateY(360deg);
}
/*翻轉*/
.card-flip .card-inner:hover {
transform: rotateY(180deg);
}
/*縮放*/
#zoom:hover {
transform: scale(2);
}
/*傾斜*/
.skewed {
transform: skew(-20deg);
}
/*透視*/
.item {
perspective: 100px;
transform-style: preserve-3d;
transform: rotateY(30deg);
}
/*平移*/
img {
transform: translateX(50px);
}

這些代碼可以大幅提升網頁的視覺效果，使用戶體驗更流暢、生動。