CSS++是一項集合了許多有趣的css動畫效果的項目。其中之一就是上移動畫。

.upward {
animation: upwardAnim 1s;
animation-fill-mode: forwards;
}
@keyframes upwardAnim {
0% {
transform: translateY(0);
opacity: 1;
}
100% {
transform: translateY(-50px);
opacity: 0;
}
}

在上述代碼中，我們定義了一個叫做.upward的類，并為其編寫了一個名為upwardAnim的動畫。該動畫的執行時間為1秒，動畫效果為元素自上而下向上移動50px，并且逐漸變為不可見。

為了讓動畫作用在元素上，我們需要為需要添加動畫的元素添加.upward類。當我們想要動畫執行完畢后元素保持在目標位置時，我們需要設置animation-fill-mode為forwards。

上移動畫是一種很有趣的動畫效果，它可以讓元素在不同場景下帶來特別的效果。如果你想讓你的網站更能引起用戶的注意，或者更具有視覺效果，不妨嘗試一下這種新奇的上移動畫吧！