CSS3的自動上下移動是一種非常有用的技術，它可以讓網頁更加動態和富有吸引力。

/* 這是一段自動上下移動的CSS代碼 */
.moveUpAndDown {
animation: moveUpDown 1s ease-in-out infinite;
}
@keyframes moveUpDown {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}

以上代碼使用了CSS3的動畫特性，在1秒內不停地執行移動。關鍵幀由三部分組成：動畫開始前，動畫結束時以及動畫的中間狀態。在這里我們設定了初始和結束位置都是0，而中間狀態時元素向上移動20個像素。

之后，我們只需要在HTML中將元素應用這個CSS類即可實現自動上下移動的效果。

需要注意的是，CSS3動畫雖然帶來了更多華麗的效果，但是過度使用可能會對網頁的性能產生負面影響，也容易造成瀏覽器的卡頓。因此，我們應該適度使用這些特性，避免過度裝飾網頁。