CSS 鏡像旋轉是一種常用的 CSS 技巧，可以將一個元素鏡像旋轉到另一個元素上，創造出具有旋轉效果的網站和應用程序。

在 CSS 中，可以使用 `transform` 屬性來控制元素的旋轉效果。`transform-origin` 屬性可以指定旋轉中心的位置，`transform` 屬性可以指定旋轉方式和角度。

下面是一個使用 CSS 鏡像旋轉的簡單示例：

```html

<div class="鏡像旋轉">

<div class="旋轉中心">Hello, world!</div>

</div>

```css

.鏡像旋轉 {

position: relative;

width: 200px;

height: 200px;

.旋轉中心 {

position: absolute;

top: 0;

left: 0;

width: 200px;

height: 200px;

background-color: blue;

transform: rotateY(45deg);

在上面的示例中，我們使用 `position: relative` 屬性將元素定位在背景色上，并使用 `width: 200px;` 和 `height: 200px;` 屬性設置元素的寬度和高度。然后，我們使用 `position: absolute` 屬性將旋轉中心元素定位在背景色之外，并設置其寬度和高度為 0。

接下來，我們使用 `transform` 屬性來控制元素的旋轉效果。我們使用 `rotateY(45deg)` 屬性將旋轉中心元素旋轉 45 度。最后，我們使用 `background-color` 屬性將旋轉中心元素設置為藍色的背景色，以查看其鏡像旋轉的效果。

通過使用 CSS 鏡像旋轉，我們可以輕松地創造出具有旋轉效果的網站和應用程序。