CSS3浮現字是一種炫酷的效果，可以讓文字像浮在空氣中一樣，給網頁增添一份時尚感和創意感。下面我們就來學習一下CSS3浮現字的制作方法。

.floating{
position:relative; /*定位方式為相對定位*/
animation:floating 3s ease-in-out infinite; /*使用動畫實現浮現效果*/
} 
@keyframes floating{
0%{ /*起始狀態*/
transform:translateY(0);
}
50%{ /*中間狀態*/
transform:translateY(-10px);
}
100%{ /*結束狀態*/
transform:translateY(0);
}
}

首先我們需要給要實現浮現效果的文字加上一個class，比如這里我們給它取名為“floating”。然后我們通過設置它的position屬性為relative來實現相對定位的效果。

接著，我們使用CSS3動畫來實現浮現效果。在這個例子中，我們創建了一個名為“floating”的動畫，設置它的動態時長為3秒，使用ease-in-out的緩動效果，并且無限循環。animation屬性常常用來控制元素的動畫效果。

最后，我們使用@keyframes關鍵字來實現動畫具體的效果。我們在0%、50%和100%這三個時間點上設置不同的transform屬性，從而讓文字在垂直方向上浮現和落下。

以上就是CSS3浮現字的簡單制作方法，可以讓我們的網頁看起來更加生動有趣，增強用戶的閱讀體驗。