CSS 動畫是一種讓網頁變得更加生動、醒目的方式，其中自動飛入效果是一種廣為使用的動畫效果。在這篇文章中，我們將介紹如何使用 CSS 實現自動飛入效果。

.fly-in {
visibility: hidden;
animation: fly-in 0.5s ease-out forwards;
}
@keyframes fly-in {
from {
transform: translateX(-100%);
visibility: visible;
}
to {
transform: translateX(0);
}
}

首先，我們設置了一個名為.fly-in的 CSS 類，其中使用了visibility屬性將元素設置為不可見；

接下來，我們使用animation屬性來定義動畫效果，其中fly-in為動畫的名稱，0.5s為動畫的執行時間，ease-out為動畫的緩動函數，而forwards則表示動畫結束時元素應該保持在最終狀態；

最后，使用@keyframes定義了名為fly-in的關鍵幀動畫，其中from表示動畫開始時元素的狀態，to表示動畫結束時元素的狀態。在這里，我們將元素從左側移入，同時將visibility屬性設置為可見。

將以上 CSS 代碼應用到頁面元素中，即可實現自動飛入效果。