在线蜡烛 — 氛围火焰动画

浏览器中美丽的动画蜡烛,逼真的火焰摇曳效果,营造温暖氛围。

免费使用 →

功能特性

🕯️

逼真火焰动画

CSS 动画驱动的火焰,带有闪烁、摇摆和发光效果,还原真实烛光体验。

🎙️

麦克风声控

对着麦克风说话或吹气,火焰会随声音做出基于物理的真实摇摆反应。

温暖氛围光晕

柔和橙色光晕,多层 box-shadow 光环营造温馨舒适的氛围。

🌙

沉浸式体验

深色背景与烛光形成完美对比,最大化营造氛围感。

纯浏览器运行

无需服务器,完全客户端 CSS 动画,离线也可使用。

📱

移动端友好

响应式设计,在任何设备尺寸上都能完美展示。

🔒

屏幕常亮

蜡烛燃烧期间保持屏幕常亮,不会超时熄屏。

🛡️

挡风罩模式

降低麦克风灵敏度,减少嘈杂环境中火焰的过度抖动。

使用方法

1

打开蜡烛页面

进入蜡烛页面,火焰自动点亮。

2

开启麦克风

点击麦克风按钮启用声控,轻轻说话或吹气让火焰摇曳。

3

尝试挡风罩

如果火焰对背景噪音过于敏感,可以开启挡风罩模式。

4

使用全屏

将浏览器切换到全屏模式,获得最沉浸的烛光体验。

常见问题

这是真的蜡烛吗?
不是,这是完全在浏览器中渲染的逼真 CSS 动画蜡烛,带有仿真火焰效果。
麦克风控制是怎么实现的?
蜡烛使用设备麦克风检测音量大小,声音越响或吹气越强,火焰摇摆幅度越大,物理弹簧动画带来真实的运动感。
这个工具免费吗?
完全免费,无需注册,打开页面即可享受氛围。
可以离线使用吗?
可以,加载后蜡烛动画完全离线运行,因为它是纯 CSS 实现。
可以在手机上使用吗?
当然!蜡烛完全响应式,在任何设备上都能完美运行。
挡风罩模式是什么?
挡风罩模式将麦克风灵敏度降低到 4%,适用于背景噪音导致火焰过度抖动的环境。

← 返回 pudone! 首页