CSS is not deCSSed! If you want to play around with Play/Pause for future animatics, you can check some of my pens, the ones that have a triangle-shaped play button in the middle. I needed my anims to be paused by default, because my animations have hundreds of objects flying around. I also have another, yet untested theory on how to handle a CSS-only restart button. You could do it with a single checkbox - the animation being run when the input is checked, then revert to initial state after completing it. The problem is that you;d need to un-check the input and then check it again to re-run the animation. BUT you could also use two identical radio inputs. Clicking one radio input automatically unchecks the other. Only one of them would be showed at a time - the one that is not checked and needs to be clicked to re-run. Again, haven't tested it thoroughly enough to guarantee this'd work, but it's at least worth a try - if, that is, any of this makes sense to you or isn't too much of a bother.

Alvaro Montoro Oops, my bad, I meant 1616 - which looks like this:

That metallic sheen on it is SWEET! Also, for a future CSS piece, how about Nokia 1717? Not nearly as impressive, but a good phone nonetheless. I would know, I've had one for the past 13 years. Still my primary phone, and still goes for a week after charging (down from 3 weeks when I first got it). Also, spectacular work on the face. The style makes me think of Another World (the 90s game)

One of the reasons I eat at least 3 apples a day. To make the distinction clearer, how about expanding the "force field" all the way to the doctor, so he's standing at the invisible wall of the dome, clawing at it but unable to penetrate it (assuming I'm getting your intention correctly).

Eleftheria Batsou Funny how just yesterday I was thinking of maybe coding some basic emojis myself - because I really enjoying making this: https://codepen.io/MackFitz/pen/zYLbdRB as a part of a demo for a cube tutorial. Of course, nowhere near what you did, but I just love trying what I can get out of divs, borders, shadows and gradients.

Now all you need is to add a library of actual games ;) A 3D CSS Mario would be nice, if that's not too much to ask ;) Seriously, though - great work! I'd be fully content with just the CSS replica, but you went ahead with actual gamepad controls. Crazy!

The blush on each cheek done via a box-shadow of the eyes was a very clever trick! If I may suggest a slight tech tweak, maybe add a overflow: hidden to the face, so that the blush doesn't spill over to the background on hover (this'd also require making the eyes pop out a little less so as not to get cut off). Also, just for mood consistency, on hover, rather than eyes popping out, the emoji could blush even more and look down as if abashed. Overall a really fun and informative piece, and definitely an inspiration :)

Kenebebh Banigo I'm (at)FitzMack on twitter. Found you on there and followed you just now :) And that sphere was an interesting experiment, but pretty tame in the long run. Spheres are a bit of an obsession for me, and I've tried various ways of approaching the geometries. My fav, and one of the trickiest, would have to be this: https://codepen.io/MackFitz/pen/BaPNyLw Oh, and I also intend to write proper tutorials for more 3D shapes. I have one up already, covering the basics of the cube: https://mackfitz.hashnode.dev/css-3d-the-cube-part-1 Will take me some time to get to spheres, but I'll get there, and then beyond that.

Austin Gil I made it my life's mission to use CSS over anything more convenient, at all cost ;) I know how much easier it'd be to use JS, SVG or, say, Three,js - but it somehow feels more noble to suffer for art, and try things no sensible person would bother doing (at least not with just CSS). This I consider my craziest: https://codepen.io/MackFitz/pen/jOxzKmL

Kenebebh Banigo No problem, always happy to share some more specific/obscure facts/experience. I love to investigate obscure CSS properties and find weird applications for them. Like this one time I made a CSS-only sphere using only really thick container borders: https://codepen.io/MackFitz/pen/oNZMXeZ