CSS飄動文字是一種常見的網頁特效，在網頁設計中可以起到很好的裝飾作用。以下是一段使用CSS代碼實現的飄動文字的樣例：

text-shadow: 
0 0 5px #fff, 
0 0 15px #fff,
0 0 30px #fff,
0 0 60px #ff3b3b,
0 0 100px #ff3b3b,
0 0 200px #ff3b3b,
0 0 300px #ff3b3b;

上面的代碼實現了一個文字陰影的效果，讓文字看起來比較立體、明顯。接下來，我們可以通過以下的代碼來實現文字的飄動效果：

@keyframes floating {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-15px);
}
100% {
transform: translatey(0px);
}
}
h1 {
animation: floating 2s ease-in-out infinite;
}

上面的代碼使用@keyframes關鍵字來定義了一組動畫，將文字的位置循環變化，不斷地向上、向下飄動。然后我們再通過選擇器將這個動畫應用到html文檔中的某個元素上（例如上方的h1標簽）。

使用CSS實現飄動文字的效果比較簡單，只需要掌握一些基本的CSS屬性和動畫語句的寫法即可。當然，這只是CSS美化的一小部分，如果想要學習更多的CSS效果，可以通過在網上查找各種CSS樣式模板來進行學習。