在網頁設計中，文字的呈現方式是很重要的。有時候會需要一些特別的效果來讓文字更加引人注目。在這里，我們介紹一種CSS技巧，可以讓文字從兩邊浮入的效果。

/*CSS代碼*/
.float-in {
position: relative;
animation: float-in 1s ease-out;
}
@keyframes float-in {
0% {
left: -50%;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
.float-in-reverse {
position: relative;
animation: float-in-reverse 1s ease-out;
}
@keyframes float-in-reverse {
0% {
right: -50%;
opacity: 0;
}
100% {
right: 0;
opacity: 1;
}
}

首先，我們需要定義兩個CSS動畫。一個是讓文字從左邊浮入，另一個是從右邊浮入。在這兩個動畫中，我們使用了CSS的關鍵幀動畫技術，定義了文字在不同時間點的顯示效果。

在CSS代碼中，我們使用了"float-in"和"float-in-reverse"類來表示文字從左邊或右邊浮入。我們在這兩個類中設置了"position: relative;"來讓它們相對定位，以便在動畫中改變位置。同時使用"animation"屬性指定了我們定義的動畫效果，動畫執行時間為1秒，并且使用了"ease-out"緩動函數，使得動畫效果更加自然。

文字從左邊浮入
文字從右邊浮入

最后，在HTML中，我們將"float-in"和"float-in-reverse"類應用在p標簽中，即可實現文字從左右兩邊浮入的效果。

通過這種方式，我們可以讓文字更加生動有趣。你可以在網站的導航菜單、頁面標題、登錄界面等地方使用這種效果，讓用戶對網站的第一印象更加深刻。