CSS向左滑動圖片是網頁設計中常用的效果，可以為網站添加動態感和互動性。接下來，本文將向大家介紹如何通過CSS代碼實現圖片向左滑動。

/* CSS代碼 */
.slidein {
position: relative;
animation-duration: 1s;
animation-name: slidein;
}
@keyframes slidein {
from {
left: 100%;
}
to {
left: 0%;
}
}

以上代碼中，我們先定義了一個名為"slidein"的類，這個類將應用于需要實現向左滑動效果的圖片元素上。然后我們使用了CSS3的動畫效果，通過關鍵幀的形式來定義了圖片元素從右往左移動的動畫效果，并將其命名為"slidein"。我們可以在動畫中通過"from"和"to"來定義圖片元素在動畫開始和結束時的狀態，這里我們通過控制圖片元素左側的"left"屬性值來實現元素的向左滑動效果。

當我們完成了以上的代碼實現之后，我們需要將這個類應用于需要滑動的圖片上，可以通過給該圖片元素添加"slidein"類名來實現，例如：

<img src="example.jpg" class="slidein" />

將以上代碼添加到網頁中，打開就可以看到圖片向左滑動的效果了。