mackfitz.hashnode.devApproximating a sphere using CSS - and pumpkins!Before I get to the main topic, please allow me to paint you a more detailed picture of how I got into 3D CSS: I have been obsessed with 3D graphics all my life. An 80's kid, I'm not sure which I saw first: TRON or Dire Strait's Money For Nothing vid...Nov 21, 2023·8 min read
mackfitz.hashnode.devPure CSS low-poly: Aquatic LifeI am obsessed with 3D shapes: cubes, spheres, pyramids, prisms, dodecahedrons - and their various mutations. Discovering and exploring the 3D capabilities of pure CSS has been my passion for a couple of years now. The biggest part of it is learning a...Oct 4, 2023·4 min read
mackfitz.hashnode.devLaying out dots on a dice using display:flex & pseudo-classesI love experimenting with cubes - and to each time somehow embelish the six faces of this beautiful but simple form. I experiment with colors, gradients, filters, mix-blend-modes, patterns, etc. This week I tried making a dice: https://codepen.io/Mac...Aug 17, 2023·11 min read
mackfitz.hashnode.devParticles & spiral patterns in CSS: part IVThe Archimedean - that we talked about in part 3 - isn't the only type of concentric spiral. It's the OG, having been described by Archimedes ca. 225 BC. The next big thing didn't come for almost 2000 years. But in reality, it had always been there, ...Aug 16, 2023·7 min read
mackfitz.hashnode.devParticles & spiral patterns in CSS: part IIIIf you thought my obsession with particles and curves waned over the past two weeks since the last post, then I'm here to disappoint you. In Part 1 and Part 2 I covered linear and circular serpentine patterns. But for me where it's really at is spira...Aug 9, 2023·8 min read