CSS圖片延時出現是指，當頁面加載的時候，圖片元素并沒有立即顯示，而是等待一段時間后才出現。這種效果常常用于網頁設計，可以在用戶等待頁面載入的同時減少視覺上的空白感，提高用戶體驗。

要實現這種效果，可以使用CSS中的transition屬性。transition屬性可以設置元素在改變時的過渡效果，包括延時時間、持續時間、過渡類型等等。具體代碼如下：

img {
opacity: 0;   // 元素初始透明度為0，不顯示
transition: opacity .5s ease-out .3s;   // 過渡類型為ease-out，延時0.3秒
}
img.show {
opacity: 1;   // 到達.show狀態時透明度為1，顯示圖片
}

其中，.show是一個自定義的類，可以通過JS的操作在頁面加載后添加到元素中。JS代碼如下：

window.onload = function () {
var img = document.querySelector('img');
img.classList.add('show');   // 添加.show類到img元素中
}

通過上述代碼，圖片在頁面加載后會延時0.3秒后才出現，且會有0.5秒的過渡時間，效果比較平滑自然。