CSS3 動畫給網頁設計帶來了很多新鮮感。橫向飛入動畫在頁面設計中運用廣泛，可以吸引用戶的注意力并增強頁面的可讀性。下面我們來學習如何編寫 CSS3 橫向飛入動畫。

/* 給動畫元素設置初始樣式 */
.animation-element {
opacity: 0;
transform: translateX(-100%);
}
/* 定義動畫 */
@keyframes horizontal-fly-in {
to {
opacity: 1;
transform: translateX(0%);
}
}
/* 應用動畫 */
.animation-element {
animation: horizontal-fly-in 1s ease-out forwards;
}

以上代碼中，我們首先給動畫元素設置了初始樣式，將其透明度設為 0，水平方向向左移動 100%。

接著，我們用 @keyframes 定義了一個名為 horizontal-fly-in 的動畫，規(guī)定元素從左邊飛入并逐漸變得完全可見的過程。

最后，在 animation 屬性中引用定義的動畫，設置動畫的時長為 1s，緩動函數(shù)為 ease-out，動畫結束后元素保留變形后的樣式。

以上就是一個基本的橫向飛入動畫的 CSS3 代碼，可以根據實際需求進行調整和擴展。