This week we're recreating the classic Pac-Man animation in CSS! And loads more, including not one but 2 Cybertruck-inspired animations.

♥️ Donovan at CSSAnimation.rocks

Pac-Man... in CSS! — css-tricks.com

You all know famous Pac-Man video game, right? The game is fun and building an animated Pac-Man character in HTML and CSS is just as fun!

Animated CSS Background Generator | Vincent Will — vincentwill.com

A collection of pure css animated backgrounds you can tweak 

Featured

CSSAnimation.rocks is creating a weekly newsletter — www.patreon.com

Become a patron of CSSAnimation.rocks today and help keep the virtual lights on!

Inspiration

CSSYBERTRUCK

Complete with glowing lights and 3D animation, this is a pure HTML/CSS rendition of the Tesla Cybertruck!

LEGO Cyber Truck 😅🚙

A simple but beautifully rendered little lego cybertruck 

Vertical Slider

Meet the world's most infuriating volume slider! (Sound recommended) 🎧

💦 Splash Loader

Bringing a whole new meaning to splash screen with this smoothly animated GSAP SVG loading animation

SVG Wavy Lines

Lovely GSAP 3 work in these smooth wavy lines 〜

CodePen Challenge - November 2019 [week 4]

A beautiful series of animations showing Scrabble tiles in this CodePen challenge

Animation in the real world

Case Study: lynnandtonic.com 2019 refresh - lynnandtonic.com — lynnandtonic.com

Thoughts and process for the lynnandtonic.com 2019 redesign. Check out how the animation was created!