CSS 圖片動畫是網頁中常用的一種元素，它能夠提升網頁的用戶體驗。所以很多開發者都喜歡使用 CSS 來制作圖片動畫。但是，有時候在動畫的過程中，會出現圖片閃爍的問題。

img {
animation: myanimation 2s ease-in-out infinite;
}
@keyframes myanimation {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}

上面的代碼是一個簡單的圖片閃爍動畫效果。但是，在某些情況下，這個動畫可能會出現閃爍問題。這個問題的原因是因為瀏覽器在不同的時刻加載動畫的不同幀。這樣就可能會導致在某些幀中，圖片不可見。

解決這個問題的方法有很多，但是最簡單的方法是使用 CSS transition 屬性而不是 animation。這是因為 transition 屬性是一種基于時間的屬性，它會確保你的樣式在某個時間段內發生漸變。

img {
transition: opacity 2s ease-in-out infinite;
opacity: 0;
}
img:hover {
opacity: 1;
}

上面的代碼可以添加一個簡單的淡入淡出效果，同時避免了圖片閃爍的問題。當鼠標懸停在圖片上時，圖片的透明度會逐漸變為 1，反之透明度會逐漸變為 0。

總之，當你遇到圖片閃爍的問題時，嘗試使用 CSS transition 屬性而不是 animation。這可以讓你的動畫更加平滑，同時避免了圖片閃爍的問題。