隨著CSS3的發展，越來越多的新特性被加入了進來。其中，飛入（Fly in）是一種非常有趣的特效，可以讓你的網站更加生動有趣。

飛入的原理是利用了CSS3中的@keyframes和animation屬性來實現的。具體來說，我們需要定義一個動畫，然后將其應用到元素上，從而讓元素在頁面中以一定的方式出現。

.fly-in {
animation: fly-in 1s 1s ease both;
}
@keyframes fly-in {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}

在上面的代碼中，我們首先定義了一個.fly-in的樣式，將animation屬性設置為fly-in，并且指定動畫的時間、延遲、緩動函數和結束狀態。然后，我們使用@keyframes定義了一個名為fly-in的動畫，從from狀態開始，元素先向左移動100%并且透明度為0，然后在to狀態時，元素回到原來的位置并且透明度為1。

要讓元素在頁面中飛入，我們只需要給它添加fly-in的樣式即可：

<div class="box fly-in"></div>

這樣，網頁上的這個盒子就會從左側飛入，并且逐漸變得不透明。

當然，飛入特效并不僅僅局限于左側進入。你可以根據需要，通過改變translateX和translateY的值來實現不同的進入方向或者旋轉的效果。

飛入特效是一個很有趣的CSS3特性，可以幫助你讓網頁更加生動有趣。不過，在使用飛入特效之前，還需要考慮到動效過多可能會影響網頁性能，所以使用時需要適當考慮。