CSS3圓環旋轉是一種用于創建圓形或環形效果的 CSS 技術。通過使用 CSS3 的旋轉和旋轉加號(transform)，可以實現圓形的旋轉效果。圓環旋轉可以應用于各種不同類型的網站和應用程序，例如按鈕、輪播圖、海報等。

下面是一個示例，展示了如何使用 CSS3 圓環旋轉創建一個圓形：

<style>

.circle {

width: 200px;

height: 200px;

background-color: red;

transform-origin: 50% 100%;

</style>

<div class="circle"></div>

在這個示例中，我們使用了 `transform-origin` 屬性來設置旋轉中心。這個屬性指定了旋轉的起點和終點。在這個例子中，旋轉中心是圓的半徑的一半，因此圓環會沿著中心線旋轉。

除了旋轉中心，CSS3 圓環旋轉還提供了許多其他旋轉屬性，例如角度、弧度和旋轉加號等。這些屬性可以用于控制圓環的旋轉方向、速度和半徑。

下面是一個示例，展示了如何使用 CSS3 圓環旋轉創建一個環形：

<style>

.circle {

width: 200px;

height: 200px;

border-radius: 50% 50% 0 0;

background-color: green;

transform-origin: 50% 100%;

</style>

<div class="circle"></div>

在這個示例中，我們使用了 `border-radius` 屬性來設置圓環的半徑。這個屬性可以控制圓環的大小和形狀。我們還使用了 `transform-origin` 屬性來設置旋轉中心。這個屬性指定了旋轉的起點和終點。在這個例子中，旋轉中心是圓的半徑的一半，因此圓環會沿著中心線旋轉。

通過使用 CSS3 圓環旋轉，我們可以創建各種不同類型的圓形和環形效果，從而豐富我們的網站和應用程序的外觀。