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
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2017 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.