Thumbnail for Drawing a flame with CSS

Article · Alvaro Montoro

Drawing a flame with CSS

By Alvaro Montoro

Type
Article
Level
Intermediate
Price
Free
Published
2022
Open on Alvaro Montoro(opens in a new tab)

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.