CSS 圖片加載動畫效果：

img{
opacity:0;
}
img.animate{
animation-name:fadein;
animation-duration:2s;
}
@keyframes fadein{
from{opacity:0;}
to{opacity:1;}
}

代碼解釋：

在 CSS 中，使用opacity:0;將圖片隱藏。

當圖片完成加載后，加入animate類。

使用@keyframes定義動畫效果，將圖片從透明度為 0 漸變為 1。

這樣，當圖片加載完畢時，將以漸變的方式顯示。