在網頁設計中，經常會遇到需要往后翻圖片的情況。這時，我們可以使用CSS來實現這個效果。具體來說，我們需要用到以下幾個步驟：

.perspective{
perspective: 800px; /* 添加透視效果 */
}
.container{
position: relative; /* 相對定位，用于確定其子元素的絕對定位 */
width: 400px;
height: 400px;
margin: 50px auto 0;
transform-style: preserve-3d; /* 開啟三維變換 */
transition: transform 1s; /* 添加過渡效果 */
}
.container:hover{
transform: rotateY(-180deg); /* 角度為-180度即可實現翻轉效果 */
}
.front, .back{
position: absolute; /* 絕對定位，用于確定其位置 */
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden; /* 關閉背面可見性，避免閃爍 */
backface-visibility: hidden;
}
.front{
background-image: url('front.jpg');
background-size: cover;
z-index: 2; /* 確保正面在相機前面 */
}
.back{
background-image: url('back.jpg');
background-size: cover;
transform: rotateY(180deg); /* 因為默認情況下向后傾斜了180度，所以要再旋轉180度 */
}

在上面的代碼中，我們首先創建一個具有透視效果的父容器。然后，我們在該父容器中創建了兩個子元素，分別用來顯示正面和背面的圖片。我們通過絕對定位和z-index屬性確保正面在相機前面，而背面在相機后面。接下來，我們使用CSS的3D變換，將父容器翻轉180度，從而實現了圖片的往后翻轉效果。

以上就是如何使用CSS往后翻圖片的方法。通過簡單的幾行代碼即可實現這個效果，讓你的網頁設計更加出色!