要使用 CSS 制作漂浮动画效果，可以使用以下步骤：
首先要创建一个 HTML 元素，比如 div 或 span，并为其设置相应的 class 或 id 名称。
接着，使用 CSS 给该元素设置 position: absolute 或 position: fixed，使其脱离文档流。
然后，使用 CSS 给该元素设置 top、bottom、left、right 属性，以确定该元素在页面中的位置。
接下来，使用 CSS 给该元素设置 animation 属性，来定义一个动画效果。其中，animation-name 属性定义动画名称，animation-duration 属性定义动画持续时间，animation-timing-function 属性定义动画的速度曲线，animation-iteration-count 属性定义动画循环次数，animation-direction 属性定义动画方向等。
最后，使用 CSS 给该元素设置 transform 属性，来定义旋转、缩放等效果，以使其看起来更加生动。
以下是一个简单的示例代码：
<div class="floating">Hello, world!</div>.floating {
position: absolute;
top: 50%;
left: 50%;
animation: float 3s ease-in-out infinite;
transform: translate(-50%, -50%);
}
@keyframes float {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
50% {
transform: translate(-50%, -50%) rotate(45deg);
}
100% {
transform: translate(-50%, -50%) rotate(0deg);
}
}在上面的示例代码中，我们创建了一个 div 元素，并为其设置了 class 名称为 "floating"。然后，我们给该元素设置了 position、top、left 属性，使其在页面中居中显示。接着，我们使用 animation 属性定义了一个名为 "float" 的动画效果，该动画效果持续时间为 3 秒，速度曲线为 ease-in-out，循环次数为 infinite，即无限循环。最后，我们使用 transform 属性定义了一个旋转效果，使该元素在动画过程中可以旋转起来。
关键词：CSS，漂浮动画，animation，transform，keyframes。