CSS3是一種強(qiáng)大的樣式表語言，它可以被用來給HTML網(wǎng)頁添加各種各樣的視覺效果。其中一個最常見的應(yīng)用是在網(wǎng)頁中添加圖片。在一些情況下，我們希望在用戶訪問網(wǎng)頁后一段時間，才顯示圖片。這時候，我們可以使用CSS3的animation屬性。

img {
opacity: 0;
animation: fadeIn 2s ease-in 1s forwards;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

代碼解釋：

首先，在img標(biāo)簽中設(shè)置opacity為0，這樣就將圖片隱藏起來了。然后，使用animation屬性來定義一個動畫。

其中，fadeIn是動畫的名稱，2s表示動畫的持續(xù)時間，ease-in表示動畫漸變地開始，1s表示動畫在頁面加載后延遲1秒開始執(zhí)行，forwards表示動畫執(zhí)行結(jié)束后保持在最后一個關(guān)鍵幀的狀態(tài)。

在CSS3中，可以使用@keyframes關(guān)鍵字定義動畫的關(guān)鍵幀。在這個例子中，動畫的開始狀態(tài)是透明的（opacity=0），結(jié)束狀態(tài)是完全不透明的（opacity=1）。

這樣，在用戶訪問網(wǎng)頁后1秒鐘，圖片就可以開始以動畫的方式逐漸顯現(xiàn)了。