css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

CSS3 Illustration and animation.

Mug is resizable with just 1 Sass edit. Try it.

Happy Holidays!


  1. i love your color choice

  2. Looks really good! I'd consider using transforms instead of margins, top, left etc. Will definitely help with the slight stutter of the steam. Good job though!

  3. @thejamespower Thanks for the tip! I never even thought about it. I'll give it try and see if it's even smoother. I'll keep you posted.

    I usually still avoid transforms for positioning elements, given of the lack of support in older browsers. But this is when I work, and when I play with code I forget this ;)

  4. U are my favorite css painting, as always cool!! :D cheers @ilithya

  5. @xhepigerta Thanks! You have yourself some pretty UI/UX interesting pens as well ;)

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.