CSS3橫飛效果是一種很流行的網頁設計效果，它能夠使得頁面元素沿著指定的方向進行滑動，從而增加頁面的生動性和互動性。下面是CSS3橫飛效果的實現代碼，使用pre標簽展示：

/* CSS代碼實現 */
.box {
width: 200px;
height: 200px;
position: relative;
overflow: hidden;
}
.box img {
position: absolute;
top: 0;
left: 0;
transition: transform .5s;
}
.box:hover img {
transform: translateX(200px);
}

上面的代碼中，首先使用了一個div元素作為容器，設置其寬高為200px，使用position屬性設置為relative，同時指定overflow為hidden，以便將內部元素的溢出部分隱藏掉。然后，使用img元素作為需要橫飛的元素，利用position:absolute將其絕對定位在div容器內部的左上角，此時img元素還沒有橫飛效果。

接下來，定義hover偽類，當鼠標懸停在div容器上時，使得img元素沿著X軸正方向橫向移動200px，使用transform屬性設置其transform:translateX(200px);，同時設置transition屬性控制其平滑過渡，即transition:transform .5s;，其中.5s表示平滑過渡的時間為0.5秒。

總的來說，CSS3橫飛效果的實現并不難，只需要利用position屬性將需要橫飛的元素絕對定位在容器內，然后使用hover偽類觸發transform屬性實現橫向移動即可。同時，利用transition屬性可以讓過渡效果更加平滑。通過應用CSS3橫飛效果，不僅可以讓頁面更加活躍，還能夠增強用戶體驗，是網頁設計經常使用的一種技術。