CSS 中心點旋轉 90 度是一種常用的 CSS 技巧，它可以通過 transform 屬性實現。下面我們來掌握這一技巧。

.box {
width: 100px;
height: 100px;
background-color: red;
margin: 50px auto;
/* 確定旋轉中心 */
transform-origin: center center;
/* 旋轉 90 度 */
transform: rotate(90deg);
}

首先，我們需要創建一個包含旋轉元素的容器，這里我們使用一個 class 為 box 的 div 元素作為容器。我們先給這個元素設定寬度和高度，并設置背景色為紅色。然后，我們將容器元素的 margin 屬性設為“50px auto”，實現水平居中。接下來，我們需要確定旋轉中心，我們使用 transform-origin 屬性，將其設為“center center”，即居中對稱。最后，我們通過 transform 屬性將元素旋轉 90 度。

當然，我們也可以使用輕量級的 CSS 庫來輕松實現元素旋轉。例如，Animate.css 庫中的 rotateInDownRight 類就可以實現從右下角旋轉進入的動畫效果：

<!-- 引入 Animate.css 庫 -->
<link rel="stylesheet"  />
<div class="animate__animated animate__rotateInDownRight">Hello, World!</div>

在上面的例子中，我們使用了 Animate.css 庫，并將 div 元素的 class 屬性設為“animate__animated animate__rotateInDownRight”，即可實現從右下角旋轉進入的動畫效果。

無論是手寫 CSS 還是使用 CSS 庫，掌握 CSS 中心點旋轉 90 度技巧可以讓我們更加靈活地處理元素樣式，達到更好的呈現效果。