Ignite Bar — Living Flame Banner Strip
Pure CSS — adjustable height, side & wind cycle, no dependencies
A slim banner strip that sits at the top of your site with a real burning flame. Layered fire tongues flicker independently while a slow wind cycle flattens the flame until it almost dies — then it surges back brighter and taller than before. Embers drift along the bar and a soft bloom washes the heat across it. Set the height, choose which side ignites, and tune the wind speed with three CSS variables. GPU-friendly: only transform and opacity animate.
Preview
Source code — unlock now
Get the full, commented source with copy, .html and PDF download.
Digital product, delivered instantly. No refunds once the code is unlocked or downloaded. See our Snippet Terms.
Support the Code Library
These previews are free to browse. If a snippet saved you time, a coffee helps keep new ones coming.
Built by Cardly NFC Scanner
Turn your phone into a digital business card and read, write or erase NFC tags yourself — plus a full toolkit of free browser tools.
Feedback
Spotted a bug or have a request for this snippet? Let us know.