Here's a roundup of what I made in September! 😎
Promo for my CSS animation and transitions ebook over on Gumroad.
3D cool steps 😎 Also featured in Val Head's newsletter.
Bring an SVG Hi-fi stack to life with GreenSock. Let me show you how in this Twitter thread.
Playful perspective changes with the Mac Finder icon. Be safe!
For the CodePen challenge, created a "Tada!" with 100 divs and GreenSock.
Hashflags are everywhere lately. Recreated the one from the Apple Event with GreenSock. Added some sparkles and sound. Micro-interactions are cooler with sound.
Did you know you can flow an SVG outside of it's
viewBox? You can. And if you animate the
viewBox, you can create a zoom effect. Guess the film for this one!
Not much to explain here. All will be revealed in an upcoming article. But this is how I approach my 3D CSS work. This sandbox shows how it works in my head haha.
Playstation? Xbox? PC? Switch?
There are so many CSS Nintendo Switches out there. The Xbox Series S looked like it was worth making.
Created my workspace in CSS. That's right. This is my desk and office set up recreated in CSS.
Created some balloons for creating the house from "Up". These are nifty because as we rotate the camera, we offset the balloon rotation. This gives the "faux" 3D affect.
The house from "Up". Can't say much more. It's likely to spin up your fans so I've not embedded it haha.
Check it here
Wanna see more? Reach out and say "Hi!" on Twitter!