CSS3動(dòng)畫是一種令人驚嘆的效果，為網(wǎng)站增添了生動(dòng)的元素。其中一個(gè)有趣的效果是漂浮效果，它可以讓元素在頁(yè)面上漂浮或飄動(dòng)。下面是一個(gè)簡(jiǎn)單的漂浮效果代碼示例：

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

這段代碼將應(yīng)用于類名為“floating”的元素。在關(guān)鍵幀中，元素將在0%和100％時(shí)間內(nèi)沿垂直軸移動(dòng)0像素，50％時(shí)間內(nèi)將移動(dòng)到上方15像素的位置。此效果將持續(xù)3秒，并無(wú)限循環(huán)。

您可以根據(jù)需要更改類名和移動(dòng)距離來(lái)使元素根據(jù)自己的需求漂浮。