CSS圖片左右動畫效果，是一種簡單有趣的動畫效果。通過CSS的transform屬性和定位屬性實現圖片左右移動的效果，讓網頁更加生動。

.animation {
position: relative;
display: inline-block;
}
.animation img {
position: absolute;
top: 0;
left: 0;
transition: transform .3s ease;
}
.animation:hover img:first-child {
transform: translateX(-20px);
}
.animation:hover img:last-child {
transform: translateX(20px);
}

以上是實現左右動畫效果的CSS代碼，首先給父元素設置相對定位，讓子元素能夠相對于它進行定位。另外，在:hover狀態下，分別為第一個img元素和最后一個img元素設置transform: translateX屬性，使其分別向左和向右移動20px，實現了圖片左右動畫效果。

<div class="animation">
<img src="image1.jpg">
<img src="image2.jpg">
</div>

以上是使用div元素嵌套img元素實現圖片左右動畫效果的HTML代碼。其中，class為animation的div元素是父元素，img元素是子元素，通過CSS代碼實現動畫效果。

在實際項目中，可以根據需要對CSS代碼進行修改，比如將移動距離和動畫速度進行調整，讓動畫效果更加符合項目需求。同時也可以為圖片添加其他樣式效果，如陰影和邊框等。