在 CSS 中設(shè)置元素的陰影旋轉(zhuǎn)中心可以通過 box-shadow 屬性來實(shí)現(xiàn)。box-shadow 屬性允許我們?yōu)樵靥砑右粋€或多個陰影，并可以精確控制陰影的位置、模糊半徑、擴(kuò)散半徑和顏色等。

要設(shè)置陰影的旋轉(zhuǎn)中心，我們可以使用 inset 關(guān)鍵字來指定內(nèi)陰影或外陰影，并通過逗號分隔多個陰影效果。每個陰影效果都可以包含四個值：水平偏移、垂直偏移、模糊半徑和擴(kuò)散半徑，以及可選的顏色值。

對于陰影的旋轉(zhuǎn)中心，我們可以使用第三個值（水平偏移）和第四個值（垂直偏移）來指定。這兩個值表示陰影的中心點(diǎn)相對于元素的位置。例如，值為 0 0 表示陰影的中心點(diǎn)位于元素的左上角；值為 50% 50% 表示陰影的中心點(diǎn)位于元素的中心；值為 10px 20px 表示陰影的中心點(diǎn)位于元素的水平方向偏移 10 像素，垂直方向偏移 20 像素的位置。

除了使用具體的像素值來指定陰影的中心點(diǎn)，我們還可以使用百分比值來相對于元素的尺寸進(jìn)行定位。例如，值為 50% 表示陰影的中心點(diǎn)位于元素寬度的 50% 位置，值為 75% 表示陰影的中心點(diǎn)位于元素高度的 75% 位置。

以下是一個示例代碼，演示如何在 CSS 中設(shè)置元素的陰影旋轉(zhuǎn)中心：

```css

/* 設(shè)置元素的陰影 */

.shadow {

box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

/* 設(shè)置陰影的旋轉(zhuǎn)中心為元素的中心 */

-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset, 0 0 20px rgba(0, 0, 0, 0.5) inset;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset, 0 0 20px rgba(0, 0, 0, 0.5) inset;

}

```

在上述代碼中，我們首先使用 box-shadow 屬性為元素添加了一個簡單的陰影效果，陰影的模糊半徑為 10 像素，顏色為半透明的黑色。然后，我們使用 -webkit-box-shadow 和 box-shadow 屬性的組合，為元素添加了兩個內(nèi)陰影效果。第一個內(nèi)陰影的模糊半徑為 10 像素，顏色為半透明的黑色，第二個內(nèi)陰影的模糊半徑為 20 像素，顏色也為半透明的黑色。通過設(shè)置陰影的旋轉(zhuǎn)中心為 0 0，這兩個內(nèi)陰影的中心點(diǎn)位于元素的左上角。

如果我們想要將陰影的旋轉(zhuǎn)中心設(shè)置為元素的中心，只需將內(nèi)陰影的水平偏移和垂直偏移都設(shè)置為 50% 即可：

```css

/* 設(shè)置元素的陰影 */

.shadow {

box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);

/* 設(shè)置陰影的旋轉(zhuǎn)中心為元素的中心 */

-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset, 0 0 20px rgba(0, 0, 0, 0.5) inset;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset, 0 0 20px rgba(0, 0, 0, 0.5) inset;

/* 設(shè)置陰影的旋轉(zhuǎn)中心為元素的中心 */

-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset, 0 0 20px rgba(0, 0, 0, 0.5) inset, 0 0 30px rgba(0, 0, 0, 0.5) inset;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset, 0 0 20px rgba(0, 0, 0, 0.5) inset, 0 0 30px rgba(0, 0, 0, 0.5) inset;

}

```

在上述代碼中，我們添加了第三個內(nèi)陰影效果，并將其水平偏移和垂直偏移都設(shè)置為 50%，這樣就將陰影的旋轉(zhuǎn)中心設(shè)置為元素的中心了。

通過以上方法，我們可以在 CSS 中輕松地設(shè)置元素的陰影旋轉(zhuǎn)中心，從而實(shí)現(xiàn)各種有趣的效果。無論是創(chuàng)建立體感的按鈕、懸浮的元素還是其他復(fù)雜的設(shè)計，陰影的旋轉(zhuǎn)中心都可以為我們的頁面增添更多的層次感和視覺效果。

需要注意的是，不同的瀏覽器對 box-shadow 屬性的支持程度可能會有所差異。在使用 box-shadow 屬性時，建議在 CSS 中添加瀏覽器前綴，以確保在各種瀏覽器中都能正常顯示陰影效果。還可以根據(jù)需要調(diào)整陰影的其他屬性，如模糊半徑、擴(kuò)散半徑和顏色等，以滿足不同的設(shè)計需求。