CSS 從左往右滑入動畫效果可以給網頁帶來許多生動的視覺體驗。在這篇文章中，我將向大家介紹如何編寫這類動畫效果。

.left-slide {
animation: left-slide 1s;
}
@keyframes left-slide {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}

上述代碼是實現從左往右滑入效果的關鍵。我們先定義一個類名為left-slide，然后為其添加animation屬性，值為left-slide 1s，表示動畫時長為1秒。

然后，我們在@keyframes中定義動畫的具體效果。在from中設定元素的初始狀態(tài)，即要從-100%的位置（也就是屏幕左側）滑入。在to中，設定元素的結束狀態(tài)，即要滑動到0的位置（也就是元素原本的位置）。

我們可以將這段代碼應用到任何需要這種效果的元素上，例如一個圖片：

這段代碼會使example.png圖片從左側滑入一段距離。你可以根據實際需要調整transform屬性的值，以達到最合適的效果。

總的來說，CSS 從左往右滑入動畫是一種簡單但很有趣的效果。通過這篇文章的介紹，我相信大家能夠輕松地實現這種效果，并將其應用到自己的網站中。