CSS可以讓元素自動轉動，這是一種常用的技巧，可以用來創建有趣的滾動效果。下面我們將介紹如何使用CSS讓元素自動轉動。

1. 使用旋轉軸

CSS中有多個旋轉軸可以使用，其中最常用的是水平軸和垂直軸。我們可以使用`transform`屬性中的`旋轉軸`來設置元素的旋轉方向和角度。例如，我們可以使用`transform.旋轉軸`屬性來設置水平旋轉方向和角度。

例如，以下代碼將創建一個垂直旋轉90度的旋轉效果：

.旋轉90度的的元素 {

transform: rotateY(90deg);

2. 使用偽元素

另一種方法是使用偽元素來讓元素自動轉動。我們可以創建一個`div`元素，然后在其中添加一個`div`元素作為偽元素。由于它們是一個包含另一個元素的`div`元素，它們會自動轉動并重疊，以模擬元素滾動的效果。

例如，以下代碼將創建一個水平旋轉90度的滾動效果：

.滾動的元素 {

position: relative;

width: 200px;

height: 200px;

.滾動的偽元素 {

position: absolute;

top: 0;

left: 0;

width: 200px;

height: 200px;

background-color: blue;

transform: rotateY(90deg);

.滾動的偽元素 div {

position: absolute;

top: 50%;

transform: translateY(-50%);

width: 100px;

height: 100px;

3. 使用動畫

我們還可以使用CSS的動畫效果來模擬元素的滾動。我們可以創建一個CSS漸變背景，并在`