CSS數字切換圖片是一個很有趣的效果，可以應用在各種網頁設計中，讓用戶感受到頁面更加流暢和動態。下面我們就來講一下如何通過CSS實現這個效果。

<div class="img-container">
<img class="img1" src="image1.jpg">
<img class="img2" src="image2.jpg">
</div>
<style>
.img-container{
position: relative;
}
.img1, .img2{
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.img1{
opacity: 1;
}
.img2:target{
opacity: 1;
}
</style>

首先，在HTML中，我們需要創建一個圖片容器，其中包含兩張圖片。其中，.img1表示第一張圖片，.img2表示第二張圖片。

在CSS中，我們使用position:relative;將容器設置為相對定位，同時使用position:absolute;將兩張圖片設置為絕對定位，使它們重疊在一起。同時，我們將.img1的opacity屬性值設置為1，.img2的opacity屬性值設置為0，這樣剛開始時，只能看到第一張圖片。

接下來，我們通過a標簽的錨點機制，來實現數字切換圖片的效果。我們為第二張圖片設置一個錨點，通過使用:target偽類，來控制它的opacity屬性值，當被點擊時，opacity屬性值由0變為1，此時第二張圖片會慢慢地淡入，覆蓋在第一張圖片上面。

這樣，我們就通過CSS實現了數字切換圖片的效果。需要注意的是，我們必須使用a標簽才能帶有錨點，因此，需要在圖片容器的外面再嵌套一個a標簽，用來觸發錨點效果。