CSS是一種用于網(wǎng)頁布局和樣式的語言。它的用途很多，其中之一就是實現(xiàn)頁面底部上來的效果。

body {
height: 100%;
position: relative;
}
footer {
position: absolute;
bottom: -100px;
width: 100%;
height: 100px;
background-color: #333;
color: #fff;
text-align: center;
transition: bottom 0.5s ease-in-out;
}
body.show-footer footer {
bottom: 0;
}

以上代碼是實現(xiàn)頁面底部上來效果的關鍵。首先，我們需要給body元素設置position為relative，并將其高度設置為100%以充滿整個瀏覽器窗口。接著，我們定義一個footer元素作為頁面底部的內(nèi)容，并將其position設置為absolute，這樣它就可以相對于body元素定位。bottom屬性值為-100px，則footer元素會被完全隱藏在頁面底部。height屬性值為100px，則footer元素的高度為100像素，可以根據(jù)實際需求進行調(diào)整。

我們還可以使用transition屬性來實現(xiàn)動畫效果。當頁面需要顯示底部內(nèi)容時，我們可以給body元素添加一個class，如show-footer，其中定義了transition屬性值為bottom 0.5s ease-in-out，表示底部內(nèi)容以0.5秒的時間從下往上運動，并使用了緩動效果。

通過以上代碼和說明，我們已經(jīng)可以很輕松地實現(xiàn)頁面底部上來的效果，讓頁面更加美觀和實用。