HTML彈幕動畫是一種越來越流行的Web設計技術，可以為網站增添更為生動有趣的元素。

下面是一段HTML彈幕動畫的代碼，使用了CSS3的transition和animation屬性控制彈幕的滾動效果。

<div class="danmu">
<p>這里是一條彈幕。</p>
<p>這里是另一條彈幕。</p>
<p>這里是第三條彈幕。</p>
</div>
<style>
.danmu {
position: relative;
overflow: hidden;
height: 300px;
width: 100%;
background-color: black;
}
.danmu p {
position: absolute;
color: white;
margin: 0;
padding: 10px;
font-size: 16px;
white-space: nowrap;
}
/* 彈幕從右到左滾動 */
.danmu p.move-right {
right: -100%;
animation: move-right 10s linear infinite;
}
@keyframes move-right {
0% {
right: -100%;
}
100% {
right: 100%;
}
}
/* 鼠標懸浮時暫停彈幕 */
.danmu:hover p {
animation-play-state: paused;
}
</style>

以上代碼中，使用position屬性使彈幕p標簽的position屬性為absolute，這樣可以讓彈幕在父元素中的任何位置顯示。同時，也讓彈幕之間不會相互排擠，形成錯位。

通過animation屬性中的move-right類名，控制彈幕的滾動動畫，每個彈幕的滾動時間設置為10秒鐘，當滾動到最右邊時，會重新回到最左邊。

最后，由于該彈幕動畫會影響到用戶的閱讀體驗，因此使用鼠標懸浮在父元素上時，暫停動畫。