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: 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: 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.
A good, thorough article, with good examples. I love animations. Fun fact: if you have a keyframe that repeats at, say, 0%, 50% and 100%, you don't need to write them separately in sequence with other intervening keyframes. You can write them all together, separated by a coma: 0%, 50%, 100% {} Second thing: it's worth mentioning that when animation-timing-function isn't explicitly defined by the user, it defaults to "ease" - despite "linear" seeming like the simplest, most basic option. Also, animation-fill-mode could use some more detail - though in my experience only "forwards" makes real difference. Normally, the element reverts to its original state. With "forwards" it stays on the last keyframe (same as in fill="freeze" in SVG/SMIL animations). And lastly, a 1000 times yes to 3D animations :D They are my absolute favorite thing in CSS.