CSS3動畫飛入是一種常用的動畫效果，它可以為網頁增添生動的效果，讓網頁更加精彩。下面來了解一下CSS3動畫飛入的實現方法。

.fly-in {
position: relative;
top: -50px;
opacity: 0;
animation: fly-in 0.5s ease-out forwards;
}
@keyframes fly-in {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}

以上代碼中，我們通過設置 "position" 屬性為 "relative" ，讓元素可以被定位。接著通過 "top" 屬性設置元素向上偏移50px，隱藏該元素。然后設置 "opacity" 屬性為 0，表示該元素透明，不可見。

接下來我們使用 "animation" 屬性定義了一個名為“fly-in”的動畫，設置動畫持續時間為 0.5s，并設置動畫曲線為 "ease-out" 實現緩動效果。通過 "forwards" 參數，讓動畫在運行結束后，元素保持最后一幀的狀態。這樣設置可以讓元素的初始狀態隱藏，動畫結束后才顯現出來。

最后，在 "fly-in" 關鍵幀中，我們設置元素的初始狀態為透明，即 "opacity" 屬性為 0，同時通過 "transform" 屬性向上偏移50px，實現隱藏元素的效果。在結束狀態，我們將 "opacity" 屬性設置為 1，就可以讓元素顯現出來了，同時 "transform" 屬性向下偏移50px，從而實現飛入的效果。