HTML5漂浮特效是网页开发中非常有趣的一种效果，它可以让网页看起来更加生动有趣。下面是一段常用的漂浮特效代码：

<div class="floating">
<img src="image.jpg">
</div>
<style>
.floating {
position: absolute;
left: 0;
top: 0;
animation: 3s ease-in-out 0s infinite alternate float;
}
@keyframes float {
from {
transform: translate3d(0, 0, 0);
}
to {
transform: translate3d(0, 20px, 0);
}
}
</style>

这段代码中，我们使用了一个div标签，并设置其class为“floating”。然后，我们在其中添加了一个图片元素，这个图片将会漂浮在网页上。

接下来，我们使用CSS的position属性将这个div标签定位在网页的左上角。我们还使用了CSS的animation属性，让这个div标签执行了一个名为“float”的动画。

在CSS中，我们使用了@keyframes关键字来定义了一个名为“float”的动画。这个动画会让div标签在3秒钟内，缓慢地向下浮动20个像素，再回到原来的位置。而属性“infinite”则表示这个动画会无限循环执行。

通过这段简单的代码，我们就可以轻松地实现一个漂浮特效，让网页变得更加有趣动感。