CSS3动画是一种令人惊叹的效果，为网站增添了生动的元素。其中一个有趣的效果是漂浮效果，它可以让元素在页面上漂浮或飘动。下面是一个简单的漂浮效果代码示例：

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

这段代码将应用于类名为“floating”的元素。在关键帧中，元素将在0%和100％时间内沿垂直轴移动0像素，50％时间内将移动到上方15像素的位置。此效果将持续3秒，并无限循环。

您可以根据需要更改类名和移动距离来使元素根据自己的需求漂浮。