CSS移入圖片翻轉是一個很酷的效果，可以用于網頁設計、游戲設計等領域。這種效果通過CSS3的transform屬性以及:hover偽類實現，讓圖片在鼠標移入時自動翻轉，從而增強了網頁的互動性和視覺效果。

.img-container {
position: relative;
width: 300px;
height: 200px;
margin: 0 auto;
}
.img-container img {
position: absolute;
top: 0;
left: 0;
transition: transform 0.8s ease-in-out;
}
.img-container:hover img {
transform: rotateY(180deg);
}

以上代碼中，我們首先創建了一個圖片容器，將圖片元素的position屬性設置為absolute，并使用相對定位將其放在容器的左上角。然后，我們使用CSS3的transition屬性，讓圖片的transform屬性在0.8秒內從初始狀態緩慢過渡到目標狀態。接著，我們使用:hover偽類讓圖片在鼠標移入時翻轉，翻轉的角度為180度。

注意，這種效果只適用于高度和寬度固定的圖片，如果圖片尺寸不固定，則需要使用一些特殊的技巧來實現效果。例如，可以將圖片放在一個div容器中，使用div容器的高度和寬度來控制圖片的尺寸，然后將圖片的寬度設置為100%。

總的來說，CSS移入圖片翻轉是一個簡單而有趣的效果，可以用于增強網頁的視覺效果和交互性，也可以用于游戲的UI設計等領域。如果你正在學習CSS，不妨花點時間嘗試一下這種效果，看看能否在自己的網頁中增加一些特別的互動效果。