在 CSS 中，可以使用

transform

屬性來設置盒子的移動效果。

下面是一些常用的移動方法：

/* 向右移動 50 像素 */
transform: translateX(50px);
/* 向下移動 50 像素 */
transform: translateY(50px);
/* 向右下方移動 50 像素 */
transform: translate(50px, 50px);
/* 向左旋轉 45 度 */
transform: rotate(-45deg);
/* 向右傾斜 20 度 */
transform: skewX(20deg);

除了以上的方法，還可以使用關鍵幀動畫來實現更復雜的移動效果。

/* 定義關鍵幀 */
@keyframes mymove {
from {transform: translateX(0);}
to {transform: translateX(200px);}
}
/* 應用關鍵幀動畫 */
div {
animation-name: mymove;
animation-duration: 2s;
}

在上面的代碼中，我們定義了一個名為

mymove

的關鍵幀，在關鍵幀中設置了盒子從左邊向右邊移動的效果。然后，我們通過設置

animation-name

屬性為

mymove

即可應用該動畫效果。

除了移動效果，CSS 還提供了很多其他的屬性和方法，可以幫助我們實現各種各樣的盒子效果。需要我們自己不斷去學習和探索。