CSS3多張圖片切換效果是一種使用CSS3來切換多個圖片的方法。通過使用CSS3的媒體查詢和圖片選擇器，我們可以輕松地在網頁中切換不同的圖片，而無需使用JavaScript或其他腳本。

首先，我們需要添加一個媒體查詢來響應圖片的寬高。媒體查詢是一種CSS選擇器，它可以根據圖片的寬度和高度設置元素的樣式。例如，我們可以使用以下代碼來創建一個包含多個圖片的段落：

/* 設置段落背景圖片 */

.段落 {

/* 使用媒體查詢設置背景圖片 */

接下來，我們需要使用`background-position`屬性來定位圖片。background-position屬性允許我們指定圖片的位置。我們可以使用絕對位置或相對位置來定位圖片。例如，我們可以使用以下代碼將圖片放在元素的背景上：

/* 將圖片放在背景上 */

.段落 {

background-position: top left;

在這個例子中，`background-position`屬性選擇了三個圖片，并將它們存儲在三個`background-position`屬性中。`top left`屬性將圖片定位在元素的背景上。

最后，我們需要使用`background-size`屬性來設置圖片的大小。background-size屬性允許我們設置圖片的寬度和高度。例如，我們可以使用以下代碼將圖片設置為100像素的寬度和高度：

/* 設置圖片大小為100像素 */

.段落 {

background-size: cover;

在這個例子中，`background-size`屬性選擇了三個圖片，并將它們存儲在三個`background-size`屬性中。`cover`屬性將圖片設置為完全覆蓋。