CSS旋轉木馬式設置，指的是將一組元素沿著一個中心旋轉，并且每次只顯示其中一項。這個效果可以使用CSS3中的transform和transition屬性實現。

首先，我們需要將一組元素放置在一個容器中，設置容器的position為relative，并且給元素設置position:absolute。接下來，我們需要設置每個元素的transform-origin屬性，這個屬性用于指定每個元素旋轉的中心點。通過設置不同的transform-origin，可以實現不同旋轉效果。

.carousel-container {
position: relative;
}
.carousel-item {
position: absolute;
transform-origin: center center;
}

接下來，我們需要設置容器的transform-style屬性為preserve-3d，這個屬性指定子元素是否在3D空間中呈現。然后我們使用rotateY函數來讓容器和元素圍繞y軸旋轉。

.carousel-container {
transform-style: preserve-3d;
transform: rotateY(0deg);
transition: transform 1s;
}
.carousel-item {
transform-style: preserve-3d;
transform: rotateY(0deg);
transition: transform 1s;
}
.carousel-item:first-child {
transform-origin: left center;
}
.carousel-item:last-child {
transform-origin: right center;
}

最后，我們需要使用JavaScript來控制旋轉效果。在每次旋轉時，我們需要改變容器的transform屬性，讓容器圍繞y軸旋轉一定角度。這個角度可以根據當前顯示的元素來計算。

let angle = 0;
const rotate = (direction) => {
const carousel = document.querySelector(".carousel-container");
const carouselItems = document.querySelectorAll(".carousel-item");
const angleIncrement = 360 / carouselItems.length;
if (direction === "next") {
angle += angleIncrement;
} else if (direction === "prev") {
angle -= angleIncrement;
}
carousel.style.transform =rotateY(${angle}deg);
};

現在，我們就完成了CSS旋轉木馬式設置。通過設置不同的transform-origin和改變旋轉角度，我們可以實現各種不同的旋轉效果。