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

.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);
}
}

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

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

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

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