CSS可以實現很多有趣的效果，比如模擬一個木棒向上拋的動畫效果。下面我們就來看一下如何使用CSS編寫這個動畫效果。

/* 確定木棍的尺寸和位置 */
.stick {
width: 10px;
height: 100px;
position: relative;
margin: 200px auto 0;
animation: jump 1s ease-in-out infinite;
}
/* 設置木棒的背景顏色和邊框 */
.stick::before {
content: '';
position: absolute;
width: 10px;
height: 10px;
background-color: #bbb;
border-radius: 50%;
bottom: 0;
}
/* 設置木棒向上跳動的動畫 */
@keyframes jump {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-200px);
border-radius: 0;
}
100% {
transform: translateY(0);
border-radius: 50%;
}
}

在上面的代碼中，我們首先確定了木棒的尺寸和位置，然后設置了木棒的背景顏色和邊框。接著，我們使用了CSS動畫的關鍵幀機制，定義了木棒跳動的動畫效果。具體來說，在第一幀中，木棒在原地；在第二幀中，木棒向上跳，同時邊框變成直角；在第三幀中，木棒回到原來的位置，同時邊框變成圓角。

最后，我們將這個動畫效果設置為無限循環，這樣木棒就會一直向上跳動。

這樣，我們就成功地使用CSS實現了一個有趣的木棒向上拋的動畫效果。