CSS的多方塊跳動是一種能夠制造有趣效果的技術(shù)，它通過使用關(guān)鍵幀動畫和transform屬性來使得多個方塊同時跳動。

.box {
display: flex;
justify-content: center;
align-items: center;
height: 400px;
}
.square {
width: 80px;
height: 80px;
background-color: #5bc0de;
border-radius: 20%;
animation: jump 1.5s ease-out infinite;
margin: 0 20px;
}
@keyframes jump {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-80%);
}
100% {
transform: translateY(0);
}
}

上述代碼中，我們首先定義了一個盒子（box）和多個方塊（square），并使用了flex布局將它們垂直居中。接著，我們定義了方塊的一些樣式，包括背景顏色、圓角等。

最重要的是，我們通過定義關(guān)鍵幀動畫（keyframes）“jump”讓方塊向上跳動，并且使用了無限循環(huán)的方式使得方塊一直跳動。

具體來說，我們在0%和100%的位置定義了方塊的原始位置和最終位置，而在50%的位置則定義了方塊向上跳動的位置。這里使用了transform屬性的translateY方法，其中translateY(0)表示方塊在垂直方向上的位置不變，而translateY(-80%)則表示方塊向上跳動了80%的高度。

通過這種方法，我們可以讓多個方塊同時跳動，從而產(chǎn)生有趣的效果。當然，這只是多方塊跳動的一種簡單實現(xiàn)方式，開發(fā)者可以根據(jù)自己的需求進行調(diào)整和優(yōu)化。