- CSS Animation Weekly
- Posts
- CSS Animation Weekly #317
CSS Animation Weekly #317
Some fun animation links! This week we're exploring 3D seating in Three.js, creating custom SVG cursors, playing with parallax in React, and generally just TIL-ing.
❤️ Donovan at CSSAnimation.rocks
Cool stuff
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/19917dc1-1769-4225-a59a-bc2c1ef00bc0/imageSocial.jpg)
What choosing a seat at a concert should be! Amazing way to see view ahead of time
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c98a397f-7432-47ff-a5a9-b292a6d7c8d7/EmitterCursor.jpg)
Some very cool cursor effects using JavaScript and SVG
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/32f3c238-f717-4068-9ea2-6805b75b239b/react-just-parallax.png)
An open source React library for scroll and mousemove parallax effect ✨
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/13483932-8019-47dc-a19e-45c4f5dec2b8/sm.jpg)
Lots of cool tidbits here such as "You can animate z-index"!
Inspiration
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/089b90e3-931a-4d67-98ef-2d37511e352a/zYWQBma-800.jpg)
This interactive CSS stapler comes with a delicious twist 🍰
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ee51a1d2-d1e9-43a0-bfaf-49a94d3d67a9/oNqRVyQ-800.jpg)
Amazing what can be done with CSS, hover states and selected states
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/bab7a42f-7e7e-41ae-8a21-c73c2d15a6b6/PoRvRmM-800.jpg)
A working 3D cassette recorder in CSS!