CSS3可以實現非常有趣的效果，比如讓箭頭上下跳動。讓我們來看看如何實現這一效果。

.arrow {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 20px solid #ccc;
position: relative;
animation: bounce 1s infinite;  
}
.arrow:before {
content: "";
position: absolute;
top: -20px;
left: -10px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 20px solid #ccc;
}
@keyframes bounce {
0% { transform: translateY(0); }
50% { transform: translateY(-20px); }
100% { transform: translateY(0); }
}

首先，我們使用CSS3的border屬性實現一個箭頭，顏色使用#ccc，高度為20px。

接著，我們使用:before偽元素來實現箭頭的頭部。然后，我們使用position定位使箭頭底部與上方箭頭頭部重合。

最后，我們定義一個名為bounce的動畫，在50%的時間內將箭頭向上移動20px，然后再回到原來的位置。我們通過animation屬性將這個動畫綁定在箭頭上，并將其重復播放。

這就是如何使用CSS3實現箭頭的上下跳動效果。希望這個小技巧對你有所幫助。