CSS燃烧 |css文件的格式

.burn {
background-image: url(image/fire.gif);
animation: burn 0.5s infinite linear alternate;
}
@keyframes burn {
from {
background-position: 0 0;
}
to {
background-position: -3840px 0;
}
}

以上就是CSS燃烧的代码。首先，大家需要准备一张火焰的gif动画图像，通过设置元素的背景图片为这张图像，让它看起来像着了火一样。接着，大家使用CSS3中的animation动画属性，定义一个名为burn的动画，让它在0.5秒的时间内无限重复，往返线性变化。

最后，大家再定义一个名为burn的关键帧动画，让元素的背景图片在动画播放过程中不断向左移动，最终形成像火在燃烧一样的效果。

可以看到，CSS燃烧不仅简单易懂，而且非常酷炫。在Web开发中，大家可以将它应用在很多地方，比如网站的标题、按钮、滚动条等，让网站更具时尚感和视觉冲击力。