CSS是前端開發中必不可少的一項技術，它可以幫助我們實現各種炫酷的效果，比如方塊依次消失。下面我們來看看如何使用CSS實現這個效果。

.box{
width: 50px;
height: 50px;
background-color: #f00;
margin: 10px;
animation: disappear 1s ease-in-out forwards;
}
@keyframes disappear{
0%{
opacity: 1;
transform: scale(1);
}
100%{
opacity: 0;
transform: scale(0);
}
}

在上面的代碼中，我們首先定義了一個名為.box的類，這個類表示了我們要讓哪個元素按照這樣的樣式來顯示。接著，我們設置了這個元素的寬度、高度、背景色和外邊距等等屬性。

接下來是最重要的部分，我們使用了CSS的動畫（animation）屬性來實現方塊的依次消失。我們定義了一個名為disappear的關鍵幀動畫，其中0%表示動畫開始的狀態，100%表示動畫結束的狀態。在動畫開始時，方塊的透明度為1，尺寸為正常大小（scale(1)），在動畫結束時，方塊的透明度為0，尺寸為0（scale(0)），也就是消失了。

最后，我們將動畫應用到.box類中，使用了forwards參數表示動畫結束后保持最后的狀態，也就是透明度為0和尺寸為0的狀態。這樣，我們就完成了方塊依次消失的效果啦！