CSS3是一種用于美化網頁的技術，它可以用來控制網頁上的各種元素的樣式。其中，圖片跳動是CSS3的一種很有趣的效果，可以為網頁增加一些生動的元素，讓用戶的視覺感受更加豐富。

img {
animation: jump 1s infinite;
}
@keyframes jump {
from {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
to {
transform: translateY(0);
}
}

這段CSS3代碼中，我們首先給img元素添加了一個名為jump的動畫，使得它在1秒內無限循環跳動。然后，我們使用了一個@keyframes規則，定義了跳動的動畫過程。

其中，我們在from關鍵幀中設置了圖片的縱向偏移量為0，也就是圖片最開始是在原始位置的。在50%關鍵幀中，我們將圖片的縱向偏移量設置為-30px，也就是往上跳了一點。在最后的to關鍵幀中，我們再將圖片的縱向偏移量恢復為0，也就是回到了原始位置。

這樣一來，我們就成功地為圖片添加了一個跳動的效果！當然，這只是一個簡單的例子，如果想要更加豐富的效果，可以通過調整關鍵幀中的參數來實現。