This week we've some amazing links to share. Designing and building 3D games, 2D animations, putting it all together with the amazing new version of GSAP, and so much more!

♥️ Donovan at CSSAnimation.rocks

Articles

Bruno Simon — Portfolio (case study) — medium.com

A fun and inspiring portfolio site as a game. This case study explains how it was all put together

Let’s Get Graphic: A Few Ways To Draw On The Web - Stack Overflow Blog — stackoverflow.blog

Explore lots of ways to draw (and animate!) on the web

GSAP 3 Is Available Now! — greensock.com

Hurray! I'm a huge fan of GreenSock. Version 3 looks amazing, and well worth trying ✨

22 CSS Text Animations — freefrontend.com

Some cool text animations here worth checking out 💯

Inspiration

GSAP 3 & ETC Crinkled Variable Font

There is so much going on in this awesome crinkled / variable font. Hover around to see the weight change with the animation

GSAP 3 Light Tower

If I offered some kind of web hosting service I'd be all over this amazing animation. Great use of GSAP's timeline, and surprisingly little code

Quidditch motionPath

See an example of how GSAP handles SVG motion paths in this Harry Potter inspired example

Pure CSS Russian Bears 🐻😎

Cute animation and impressive use of CSS (and CSS variables) in this animated series of Russian bears

Lemon Wedge Hamburger Menu

Looking for something fresher than the old hamburger menu? How bout some lemon? 😅

Pattern Recognition 3

Properly mesmerising webGL animation

Password Guide

Subtle CSS animations make this interactive password-strength guide a pleasure to use