div飛入效果是一種常見的網頁動畫效果，通過CSS3的transition屬性和transform屬性實現。在這種效果中，div元素從屏幕外飛入，落在頁面中的指定位置。

div{
width: 100px;
height: 100px;
position: absolute;
left: -100px;
top: 50%;
transform: translateY(-50%);
transition: all 1s ease;
}
div.show{
left: 50%;
}

首先，要設置div元素的基本樣式，包括寬、高和定位屬性等。

然后，通過CSS transform屬性設置div元素的初始位置，將元素移動到屏幕外，注意要調整垂直方向上的位置。

接下來，使用CSS3 transition屬性控制div元素的動畫屬性，通過all參數實現任何屬性改變都可以觸發動畫效果，同時設置過渡時間和速度。

最后，在觸發事件中，將div的class設置為show，這樣就可以讓元素運動到頁面中的指定位置。

總的來說，CSS3的transition屬性和transform屬性的結合，成為了實現網頁動畫效果的強大武器，通過合理使用可以想象出各種酷炫的效果，大大提高了網頁的展示效果和用戶體驗。