- CSS Animation Weekly
- Posts
- CSS Animation Weekly #297
CSS Animation Weekly #297
All about the 3D this week, with tutorials own making an amazing portfolio, a shoe configurator, 3D paper pirouette and even ray-tracing with Three.js!
❤️ Donovan at CSSAnimation.rocks
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5637604d-f401-4f8a-8bf4-3593c095e4ee/hqdefault.jpg)
A great tutorial on how we can use Three.js to build an amazing 3D website
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6a7a62b4-1d44-4e83-80d1-409ab71df504/maxresdefault.jpg)
A very cool coding tutorial on how to make a configurable 3D shoe!
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f9d71336-93d5-4e88-a06c-f920718e38e3/maxresdefault.jpg)
A CSS-only 3D tutorial from the @keyframers
Ray tracing utility for Three.js! Lots of great demos
While you're here, don't forget you can buy me a coffee ☕️
Inspiration
An excellent example of animated checkboxes
A fun twist on the old 3D CSS cube idea
A nice alternative to a carousel for multiple photos
You can support this newsletter
Did you know you can help me keep this newsletter ad-free? Yes! All you need to do is buy me a coffee!