HTML是最常用的a標記語言。它可以用來描述網頁中的各個部分，包括文字、圖像、視頻等等。對于網頁中的圖像，HTML也提供了很多可以實現有趣效果的標記。其中，最常見的就是通過對圖片設置動畫效果，使它們變得更加生動，更有吸引力。

<img src="picture.jpg" alt="pic">  //一般的圖片標記
<img src="picture.png" alt="pic" class="animated">  //設置過動畫效果的圖片標記

上述代碼中，第一個標記是一般用來展示圖片的標記，而第二個標記則在圖片標記中加入了class屬性，使圖片擁有了動畫效果。下面就是具體的CSS代碼實現。

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animated.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}

至此，便完成了對圖片設置動畫效果的全部過程。通過以上代碼，可以為圖片效果制作出更多、更多樣化的動畫效果，使網頁中的圖片能夠更加生動有趣，給用戶帶來不一樣的瀏覽體驗。