CSS3 SlideUp是CSS編程中的一種動(dòng)畫(huà)效果，它可以用來(lái)實(shí)現(xiàn)網(wǎng)頁(yè)中元素的滑動(dòng)消失效果。上傳demo演示如下：

.slideUp {
width: 100%;
height: 50px;
background-color: #2ecc71;
position: relative;
overflow: hidden;
transition: height 0.3s ease-out;
}
.slideUp:hidden {
height: 0px;
}

以上代碼中，我們首先創(chuàng)建了一個(gè)高度為50px、背景色為#2ecc71的div，將它的position屬性設(shè)為relative并隱藏它的overflow。接著，我們?cè)赿iv的樣式中設(shè)置了一個(gè)CSS3動(dòng)畫(huà)效果，即height的變化。當(dāng)執(zhí)行slideUp的動(dòng)作，即將元素隱藏時(shí)，將height的值設(shè)為0px，這樣就可以實(shí)現(xiàn)元素向上滑動(dòng)消失的動(dòng)畫(huà)效果了。

將以上代碼插入到你的CSS文件中，并將需要應(yīng)用SlideUp特效的元素設(shè)為slideUp類(lèi)即可實(shí)現(xiàn)滑動(dòng)消失的動(dòng)畫(huà)效果。