CSS3是CSS技術的升級版本，提供了更加豐富的特性和效果。其中移動色塊效果是CSS3中比較常用的一種效果，可以通過設置transition屬性和transform屬性來實現。

首先，我們需要定義一個塊級元素作為移動的色塊。可以使用div元素或者其他的塊級元素，設置其背景顏色和尺寸，例如：

<div class="block"></div>
.block {
background-color: #F26722;
width: 100px;
height: 100px;
}

接下來，我們需要為這個塊級元素設置移動動畫。在CSS3中，我們可以使用transition屬性來設置動畫效果。例如：

.block {
background-color: #F26722;
width: 100px;
height: 100px;
transition: transform 1s ease-in-out;
}

這里我們設置了移動動畫的時間為1秒，easing函數為ease-in-out，意味著動畫先加速后減速。

接下來，我們需要為鼠標懸停在色塊上時提供移動的效果。可以使用:hover偽類來實現。例如：

.block:hover {
transform: translate(50px, 50px);
}

這里我們通過transform屬性的translate函數來實現移動效果。translate函數接受兩個參數，分別是水平方向和垂直方向的移動距離。這里我們設置了水平方向和垂直方向的移動距離都為50px。

除了:hover偽類，我們還可以使用:active偽類來實現移動效果。例如：

.block:active {
transform: translate(50px, 50px);
}

這里我們通過:active偽類來實現當鼠標點擊色塊時的移動效果。

總結一下，CSS3中的移動色塊效果可以通過設置transition屬性和transform屬性來實現。我們可以在:hover偽類或者:active偽類中定義移動效果。通過這種方式，可以為網頁添加更加生動的動畫效果。