CSS火箭是一種看起來非常酷炫的效果，其能夠讓一個網頁中的文字、圖片、按鈕等元素像一枚火箭一樣飛向屏幕上方。通過CSS3中的transform和transition屬性，我們可以用簡單的代碼實現這種效果。

.rocket {
transform-origin: bottom center;
transition: all 1s linear;
}
.rocket:hover {
transform: translateY(-100%) rotate(720deg);
}

上面的代碼中，我們首先定義了一個名為.rocket的CSS類，它的transform-origin屬性設置為底部中心點。接著，我們使用transition屬性定義了一個變換過渡，這將讓火箭的飛行看起來更加平滑。

在:hover偽類中，我們使用transform屬性來改變火箭的狀態。由于我們定義了transform-origin，所以它繞著底部中心點旋轉。同時，我們也將其沿著垂直方向上移了100%，相當于將其推離了屏幕。

如果想要讓整個頁面都有火箭飛行的效果，那么只需要在標簽內添加一個.rocket類就可以了：

由于CSS火箭是通過CSS3的屬性實現的，所以在一些老舊的瀏覽器中可能無法實現。此外，在較低的網速下，火箭效果的加載可能會比較慢，因此不建議在需要追求頁面加載速度的場合使用。