CSS移動圓心位置

在 CSS 中，我們可以使用 `background-position` 屬性來設置元素的圓心位置。該屬性可以設置元素的中心點、坐標、大小等。通過設置 `background-position` 的值，我們可以將元素圓心位置移動到不同的位置。

下面是一個使用 `background-position` 屬性將元素圓心位置移動到另一個位置的例子：

```html

在上面的代碼中，我們使用 `background-position: center center` 來將元素圓心位置移動到中心。這個值將元素圓心位置固定在當前元素的中心點。

我們還可以使用 `background-position-x` 和 `background-position-y` 屬性來將元素圓心位置移動到不同的位置。其中 `background-position-x` 和 `background-position-y` 的值是相對于元素中心的偏移量。例如，如果元素中心點在左上角，則 `background-position-x` 的值為 `0`,`background-position-y` 的值為 `90`，表示元素圓心位置的偏移量為 `90` 像素。同樣地，如果元素中心點在右上角，則 `background-position-x` 的值為 `90`,`background-position-y` 的值為 `180`，表示元素圓心位置的偏移量為 `180` 像素。

下面是一個使用 `background-position-x` 和 `background-position-y` 屬性將元素圓心位置移動到不同位置的例子：

```html

在上面的代碼中，我們使用 `background-position-x: 10px` 和 `background-position-y: 20px` 來將元素圓心位置移動到左上角。這個值將元素圓心位置偏移量為 `10` 像素，并將其固定在左上角。

通過靈活使用 `background-position` 屬性，我們可以輕松地將元素圓心位置移動到不同的位置。