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”則表示這個動畫會無限循環執行。

通過這段簡單的代碼，我們就可以輕松地實現一個漂浮特效，讓網頁變得更加有趣動感。