暖色多层阴影向上堆叠，火苗持续摇曳
← 返回 文字 类特效列表上方为纯 CSS 实时演示，直接将鼠标移上去 / 点击感受效果
.fx .fire{text-align:center;font-size:54px;font-weight:900;margin:50px 0;color:#fff;text-shadow:0 -2px 4px #fff,0 -3px 8px #ff0,0 -8px 16px #ff8000,0 -14px 30px #f00;animation:kfx-fire .4s ease-in-out infinite alternate}
@keyframes kfx-fire{to{text-shadow:0 -2px 4px #fff,0 -4px 10px #ff0,0 -11px 22px #ff8000,0 -18px 40px #f00}}<div class="fx">
<div class="fire">FIRE</div>
</div>