DW HTML代碼中，圖片飄動效果的實現可以使用CSS3中的Transform、animation和keyframes等屬性。

img {
position: absolute;
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-20px);
}
100% {
transform: translatey(0px);
}
}

以上代碼將圖片定位為絕對位置。使用animation屬性對圖片進行動畫操作，并設置動畫時間為6秒，緩動效果為ease-in-out，無限循環。使用keyframes定義動畫的關鍵幀，其中translatey屬性用于讓圖片在垂直方向上偏移。關鍵幀設置在0%和100%時，圖片位置不發生變化；而在50%時，圖片在垂直方向上向上偏移20px。

最終效果為圖片輕輕飄動，增加頁面的動態效果，提升用戶體驗。