CSS3中有一種有趣的噴射效果，它可以讓你的文字和圖片像火箭一樣噴射出來，非常炫酷。

<div class="jet">
<p>CSS Jet</p>
</div>

我們以一個div為例子，將class設置為“jet”，并將希望噴射出來的內容包含在p標簽中。接下來是具體的CSS3樣式設置：

.jet {
position: relative;
display: inline-block;
overflow: hidden;
font-size: 72px;
color: #fff;
text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
animation: jetAnimation 3s ease-out;
}
@keyframes jetAnimation {
0% {
transform: translate(0, 0) rotate(0);
opacity: 0;
}
60% {
transform: translate(0, -600px) rotate(0);
opacity: 1;
}
100% {
transform: translate(0, -1000px) rotate(0);
opacity: 0;
}
}

我們先將容器div以相對定位設置，同時設置它為inline-block元素，這樣可以讓容器的寬度和高度適應內容的大小，讓噴射效果更加真實。然后通過overflow:hidden屬性隱藏內容的溢出部分，避免文字或圖片噴射出容器。為了讓噴射效果更加明顯，設置字體大小為72px，顏色為白色，并添加文本陰影。最后，通過animation屬性指定我們的動畫名稱和持續時間。

接下來，我們定義了一個名為jetAnimation的關鍵幀動畫。通過三個關鍵幀，分別設置不同的transform屬性和不同的透明度，實現了噴射效果。從0%到60%，我們將容器向上移動600像素，同時不進行旋轉，透明度從0變為1。從60%到100%，我們將容器向上移動400像素，同時透明度從1變為0，完成噴射效果。

通過這些CSS3樣式設置，我們即可實現一個非常炫酷的文字或圖片噴射效果。