Animation: Volume I [CSS]


It's not 100% perfectly the same (smoke is slightly different), bu i came up to make the animation in CSS.

Sadly, looks like firefox doesn't like SVG mask and Gradients (sorry for that). And the background growing on the coffee side, is achieved with a transform, which i think could be done with something else, needs to be improved.

I'm aware it's also not bulletproof CSS, just made it "quickly" for fun.

So, here you go: give it a try

keyboard shortcuts: L or F like post comment