Css圖片從下往上消失是一種很常見的效果，通過一些簡單的Css代碼，我們就可以輕松實現(xiàn)。下面我們來看看具體實現(xiàn)方案：

img{
position: absolute;
bottom: 0;
animation: slide-up 2s ease-out;
}
@keyframes slide-up {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-100%);
}
}

上面的代碼中，首先給圖片設置了絕對定位，且底部距離為0。接著設置了一個名為"slide-up"的動畫效果，動畫時間為2s，緩動方式為ease-out。最后，在@keyframes中定義了動畫效果的起始和結(jié)束狀態(tài)，通過transform來控制圖片的垂直移動。

為了更好地觀察效果，我們可以在html中添加一個圖片元素：

<img src="圖片地址">

這樣，在瀏覽器中打開頁面，就可以看到圖片從下往上消失的效果啦！