CSS圖片隱藏幾秒后出現，是一種很常見的效果。通過這種技巧，我們可以讓圖片在頁面滾動或加載時，讓它們看起來更加有序美觀。

實現這種效果的主要方法是利用CSS中的opacity屬性和transition屬性。我們可以通過CSS選擇器來指定圖片的class或id，在其內部設置opacity為0，再利用transition的動畫效果，讓它們在經過幾秒鐘的時間后逐漸變為不透明。

.my-image {
opacity: 0;
transition: opacity 2s;
}
.my-image.show {
opacity: 1;
}

在上面的代碼片段中，我們首先定義了一個名為.my-image的class，將其中的opacity設為0，表示初始時圖片是透明的。然后在.my-image.show這個class中，我們將opacity設置為1，表示圖片顯示出來時應該是不透明的。這里的.show是一個自定義的class，我們可以通過JavaScript等手段在需要顯示圖片的時候動態地為圖片添加這個class，從而呈現出效果。

除了opacity和transition屬性之外，我們還可以利用CSS3中的animation屬性來實現這個效果。下面是相關的代碼：

.my-image {
animation: fadeIn 2s;
animation-fill-mode: forwards;
}
@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}

在這個代碼片段中，我們使用了@keyframes關鍵字來定義了一個名為fadeIn的動畫。這個動畫從opacity為0開始，逐漸變為opacity為1。在.my-image這個class中，我們使用animation屬性來將動畫應用到圖片上，并將animation-fill-mode設置為forwards，表示讓動畫結束時保留最后一幀的狀態，也就是透明度為1的狀態，這樣就可以讓圖片一直保持顯示狀態了。