One challenge in creating web animations is when animating curved paths and ellipses. This week we see a great approach using GSAP. While you're here, explore the future of the web, and be inspired by this week's amazing creations.

♥️

Donovan at CSSAnimation.rocks

Articles

Round 'n round

Nice step-by-step tutorial on creating elliptical animation using GSAP

What Comes Next Is the Future — vimeo.com

What's ahead for the web in general - a great watch and even touches on animation!

Inspiration

A Small Island

Addictive and beautiful 3D island generator - try zooming and panning around your creations! 🏝

Chess clock inspired Pomodoro timer

This is some gorgeous work. A working chess-clock inspired Pomodoro timer 🕰🕰

Going Home

Awesome CSS-only animation in this alien-abduction inspired sequence 🚀

Astro-not

A very cute CSS/HTML animated astronaut floating in space 👩‍🚀

hyperstellar

Lovely depth to this 3D spinning stars demo 💫

Dark Side Of The Moon 🌒 Album

A 3D spinning Pink Floyd album 📦

React Simple Pulsing Shapes

Pulse anything by wrapping a parent div in a

Black cat - pure CSS animated

Like something on the wall in a Ren and Stimpy cartoon, this pure HTML/CSS cat is very cute 😼

Moving Car Pure CSS

No JavaScript was used in this racing car demo 🚗