飄浮CSS是一種常用的動態效果，用于在網頁上讓文字、圖片、甚至整個元素漂浮、飛舞、旋轉等。這種效果既可以用于美化頁面，也可以用于增加用戶體驗。

/* 代碼示例 */
.floating {
animation: floating 4s ease-in-out infinite;
}
@keyframes floating {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}

代碼示例中，我們定義了一個類名為.floating，并在里面使用了animation屬性和keyframes關鍵字。這樣我們就制造出了讓元素上下漂浮的動態效果。

該示例中的關鍵是使用了animation屬性，它定義了漂浮動態效果的時間、速度、緩動方式和循環次數。另外，我們還使用了keyframes關鍵字來定義關鍵幀，即讓元素在不同時間點呈現不同形態的動畫效果。

需要注意的是，飄浮CSS效果應該謹慎使用，過多的動態效果會影響用戶體驗。此外，在制作飄浮效果時，應該考慮適當的時間和速度，以免過于騷擾性。