Article · Alvaro Montoro
Drawing a flame with CSS
- Type
- Article
- Level
- Intermediate
- Price
- Free
- Published
- 2022
About this lesson
Shows how to draw and animate a flame from a single element: a rotated border-radius drop, stacked gradients, layered box-shadow glow, pseudo-elements and a flicker keyframe animation. Explains the reason for each property.
Related lessons
Article
3 secrets behind single div CSS art
Article
Free
Educative

Drawing with CSS: Anime Character
Article
Free
Alvaro Montoro

Drawing with CSS: Black Cat
Article
Free
Alvaro Montoro

How To Draw, With CSS
Article
Free
Michal Porag

Intro to creating CSS Art
Article
Free
Poulami Chakraborty

What you can do with just a single div
Article
Free
Prerna Mohan