CSS3中有許多優秀的動畫效果，可以增加網頁的交互性和吸引力。其中，div元素向上移動的效果是一種比較簡單但也實用的動畫效果。

要實現div元素向上移動的效果，可以使用CSS3中的@keyframes規則。通過定義動畫的開始和結束樣式，再定義動畫執行的時間和延時時間，就可以實現div元素向上移動的效果了。

/* 定義動畫開始和結束時的樣式 */
@keyframes move-up {
from {
transform: translateY(0);
}
to {
transform: translateY(-50px);
}
}
/* 給 div 元素添加動畫 */
div {
animation-name: move-up;
animation-duration: 1s; /* 動畫執行時間 */
animation-delay: 0.5s; /* 動畫延遲時間 */
animation-fill-mode: forwards; /* 動畫結束后保持結束時的樣式 */
}

在上面的代碼中，@keyframes規則定義了一個名為move-up的動畫效果，當div元素添加了這個動畫效果后，它會沿著Y軸向上移動50像素的距離。

通過上述的代碼，我們可以實現div元素向上移動的效果，并且可以通過animation-duration調整動畫執行時間，通過animation-delay調整動畫延遲時間。

總之，通過CSS3的@keyframes規則，我們可以輕松實現各種動畫效果，為網頁增添更多的交互性和美感。