CSS 中的 animation 動畫屬性可以實現許多有趣的效果，其中一種比較常見的是讓圖片一閃一閃的效果。這種效果可以讓網頁更加生動有趣，下面我們就來學習一下如何實現。

.image{
animation: blink 1s infinite;
}
@keyframes blink{
0%{
opacity: 0;
}
50%{
opacity: 1;
}
100%{
opacity: 0;
}
}

如上代碼中，首先我們定義了一個 .image 的類，將要實現閃爍效果的圖片添加上這個類。接著，我們定義了一個名為 blink 的動畫。其中，opacity 屬性控制了圖片是否可見，0代表透明，1代表不透明。我們將圖片從全透明到不透明再到全透明的過程分成了三個階段（0%，50%和100%），通過動畫實現層層切換，從而達到了一閃一閃的效果。

需要注意的是，動畫的時間可以根據需求調整。比如我們使用 1s 的時間，就是每秒進行一次閃動，如果時間更長，圖片的閃爍頻率就會更低。

這樣，我們就成功地實現了圖片一閃一閃的效果。當然，通過 CSS 動畫的屬性還可以實現更多豐富多彩的效果，感興趣的小伙伴可以進一步深入學習。