在網頁設計中，有時候需要讓圖片只在自身內部進行動畫效果，而不影響周圍的其他元素。這種效果可以通過CSS實現。

img {
position: relative; /* 使圖片相對定位 */
}
img:hover:before {
content: ""; /* 生成一個偽元素 */
position: absolute; /* 將偽元素絕對定位在圖片上 */
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* 給偽元素設置半透明黑色背景 */
transition: all 0.5s ease; /* 添加過渡效果 */
opacity: 0; /* 初始時偽元素不可見 */
}
img:hover:before {
opacity: 1; /* 當鼠標移入圖片時，將偽元素設置為可見 */
}

以上代碼中，我們讓圖片相對定位，并在hover狀態下添加一個相對于圖片絕對定位的偽元素，給偽元素設置半透明黑色背景，使得圖片被遮蓋。當鼠標移入圖片時，將偽元素設置為可見，圖片就呈現出動畫效果。

綜上所述，通過CSS實現圖片只在圖片內部動是一種簡單而實用的效果，可以為網頁增添一份動感和生氣。