純CSS3D旋轉(zhuǎn)輪播（Pure CSS3D Rotation Carousel）是一種特殊的輪播效果，它通過使用CSS3 3D變形來創(chuàng)建一個旋轉(zhuǎn)的輪播圖。這種效果通常用于展示3D物體、產(chǎn)品展示、圖片展示等場景。

下面是一個純CSS3D旋轉(zhuǎn)輪播的代碼示例：

.container {
width: 300px;
height: 300px;
position: relative;
perspective: 1000px;
}
.carousel {
width: 100%;
height: 100%;
position: absolute;
transform-style: preserve-3d;
animation: rotate 10s linear infinite;
}
.carousel__item {
position: absolute;
width: 200px;
height: 200px;
left: 50%;
top: 50%;
transform: translate3d(-50%, -50%, 250px);
}
.carousel__item:nth-child(1) {
transform: rotateY(0deg) translate3d(0, -200px, 300px);
}
.carousel__item:nth-child(2) {
transform: rotateY(60deg) translate3d(0, -200px, 300px);
}
.carousel__item:nth-child(3) {
transform: rotateY(120deg) translate3d(0, -200px, 300px);
}
.carousel__item:nth-child(4) {
transform: rotateY(180deg) translate3d(0, -200px, 300px);
}
.carousel__item:nth-child(5) {
transform: rotateY(240deg) translate3d(0, -200px, 300px);
}
.carousel__item:nth-child(6) {
transform: rotateY(300deg) translate3d(0, -200px, 300px);
}
@keyframes rotate {
0% { transform: rotateY(0deg); }
100% { transform: rotateY(360deg); }
}

上面的代碼中，我們首先創(chuàng)建了一個Perspective容器，將其綁定到.container元素上，用于控制整個旋轉(zhuǎn)輪播的視角。然后，我們創(chuàng)建一個.carousel元素作為輪播的容器，將其設(shè)置為絕對定位，并設(shè)置transform-style:preserve-3d可保證其中的所有元素都在3D空間內(nèi)呈現(xiàn)。

接著，我們?yōu)?carousel__item設(shè)置相應(yīng)的旋轉(zhuǎn)角度來呈現(xiàn)3D旋轉(zhuǎn)效果。例如，第一個元素設(shè)置rotateY(0deg)、第二個設(shè)置rotate(60deg)、第三個設(shè)置rotate(120deg)以此類推，這樣就構(gòu)成了一個完整的3D輪播效果。animation屬性實現(xiàn)了無限循環(huán)的旋轉(zhuǎn)輪播。

純CSS3D旋轉(zhuǎn)輪播是一種非常酷炫的視覺效果，通過簡單的CSS3編碼即可實現(xiàn)，對于展示類網(wǎng)站是一種常用的設(shè)計手段。