A CSS Candle Animation
A a css candle animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3
Difficulty
Beginner
Features
CSS Animations, Keyframes, Visual Effects
Responsive
Yes
Fire Animation
30 snippetsBrowse Fire Animation examples — animations, layouts, typography, and visual effects. Filter the directory below.
css-fire-animations
Snippets(30)
- A CSS-only Fire
A a css-only fire built with modern frontend techniques for responsive and reusable UI.
Technologies
CSSDifficulty
intermediateFeatures
CSS Animations, No JavaScriptResponsive
Yes - Animated Fire Text Shadow
A animated fire text shadow built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
BeginnerFeatures
Keyframe Animation, Text Glow, Pure CSSResponsive
Yes 
Animated Fire with SVG + CSSA animated fire with svg + css built with modern frontend techniques for responsive and reusable UI.
Technologies
SVG, CSS3Difficulty
beginnerFeatures
Looping animation, Vector graphicsResponsive
Yes- Animating a Campfire Scene with CSS
A animating a campfire scene with css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
intermediateFeatures
Looping animation, Pure CSS - Burning Match
A burning match built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
intermediateResponsive
Yes - CSS Animated Christmas Candles
A css animated christmas candles built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
BeginnerFeatures
Keyframe Animations, Holiday ThemeResponsive
Yes 
CSS Blend Mode FireA css blend mode fire built with modern frontend techniques for responsive and reusable UI.
Technologies
CSSDifficulty
intermediateFeatures
Animation, Blend Modes- CSS Candle Flame Animation
A css candle flame animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
IntermediateResponsive
Yes 
CSS FireA css fire built with modern frontend techniques for responsive and reusable UI.
Technologies
CSSDifficulty
intermediate
CSS Flame AnimationA css flame animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
BeginnerFeatures
Pure CSS, Keyframe Animations, Layered ShadowsResponsive
Yes
CSS SparkA css spark built with modern frontend techniques for responsive and reusable UI.
Technologies
CSSDifficulty
IntermediateFeatures
Animation, Visual Effects- Cake and Candle
A cake and candle built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
IntermediateResponsive
Yes 
Campfire AnimationA campfire animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
IntermediateResponsive
Yes- Campfire: Pure CSS
A campfire: pure css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
intermediateFeatures
Pure CSS, Animation - Fahrenheit 451 - Fire
A fahrenheit 451 - fire built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
intermediateResponsive
Yes - Fire
A fire built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
BeginnerResponsive
Yes - Fire
A fire built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
intermediateResponsive
Yes - Fire Animation in CSS
A fire animation in css built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
IntermediateResponsive
Yes 
Fire in HTML and CSSA fire in html and css built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSSDifficulty
IntermediateFeatures
CSS Keyframes, Gradient effectsResponsive
Yes- Fireplace
A fireplace built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
intermediateResponsive
Yes - Flame Animation
A flame animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS, HTMLDifficulty
BeginnerResponsive
Yes 
One Div FlameA one div flame built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3, HTML5Difficulty
intermediateResponsive
Yes
Only CSS: FireA only css: fire built with modern frontend techniques for responsive and reusable UI.
Technologies
CSSDifficulty
IntermediateResponsive
Yes
Pixel Fire AnimationA pixel fire animation built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML5 Canvas, JavaScript, CSS3Difficulty
IntermediateFeatures
Procedural animation, Pixel art style, Low-resolution rendering- Play With Fire - Box Shadow Flames & Keyframes Animation
A play with fire - box shadow flames & keyframes animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
IntermediateFeatures
Keyframe Animation, Box Shadow EffectsResponsive
Yes - SCSS Candle
A scss candle built with modern frontend techniques for responsive and reusable UI.
Technologies
SCSS, CSS3Features
Animation, Visual Effects 
SVG CSS Fire AnimationA svg css fire animation built with modern frontend techniques for responsive and reusable UI.
Technologies
SVG, CSSDifficulty
IntermediateFeatures
Animation, Vector Graphics
Simple CSS-Only Fire AnimationA simple css-only fire animation built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS3Difficulty
beginnerFeatures
CSS Animations, No JavaScript- Sparks Float Up From A Blazing Fire
A sparks float up from a blazing fire built with modern frontend techniques for responsive and reusable UI.
Features
looping animation, particle effectResponsive
Yes