HTML燃燒文字特效是一種非常炫酷的效果，它可以讓文字仿佛被火燒焦而變成灰燼的效果。這種效果可以用CSS3來實現，下面是實現HTML燃燒文字特效的代碼：

.text-container {
position: relative;
width: 300px;
margin: 0 auto;
font-family: 'Helvetica Neue', sans-serif;
font-size: 60px;
font-weight: bold;
color: #fff;
}
.text {
position: relative;
z-index: 1;
}
.text:before,
.text:after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.text:before {
text-shadow: 0 0 50px #f00, 0 0 10px #f00;
}
.text:after {
text-shadow: 0 0 100px #f00, 0 0 20px #f00;
animation: burn 2s ease-out forwards;
}
@keyframes burn {
0% {
opacity: 1;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(1.5);
}
}

在這段代碼中，首先我們為文字創建了一個容器，這個容器有一定寬度，并設置了文字的字體、大小、顏色等屬性。然后我們為文字添加了偽元素:before和:after，并利用它們的text-shadow屬性來實現文字被火燒焦的效果。其中:before的效果比較輕微，只有一些模糊的紅色陰影；而:after的效果則比較明顯，除了模糊的紅色陰影外，還有一個火焰狀的動畫。最后我們使用CSS3的動畫功能，讓:after在2秒鐘內漸變消失，并不斷放大，最終變成灰燼，實現了HTML燃燒文字特效。