今天我們來學一下如何使用CSS3制作兩張圖不停改變的效果。

首先，我們先準備兩張圖片。一張是默認狀態的圖片，另一張是需要切換成的圖片。

<img src="default.jpg" id="pic">

接下來，我們可以使用CSS3中的animation屬性和@keyframes規則來實現圖片的動態效果。

#pic{
animation: changePic 2s infinite alternate;
}
@keyframes changePic{
0%{
opacity: 1;
}
50%{
opacity: 0;
}
100%{
opacity: 1;
content: url('switch.jpg');
}
}

在上述代碼中，我們首先給圖片設置了id屬性為“pic”，然后使用animation屬性指定了動畫名稱為“changePic”，動畫持續時間為2秒，重復次數為無限循環，輪流反向播放。

接著我們定義了@keyframes規則來設置動畫的關鍵幀樣式。關鍵幀樣式是指在動畫播放過程中，由于時間的變化，組成動畫效果的多個狀態。

其中，0%表示動畫開始的狀態，此時圖片的透明度為1；50%表示動畫中間的狀態，此時圖片的透明度為0；100%表示動畫結束的狀態，此時圖片的透明度為1，并使用content屬性把圖片切換成了“switch.jpg”。

最后，我們就成功實現了兩張圖片不停改變的效果為。