So much spooky CSS animation for you this week! We begin with a look back at some funky CSS animated eyeballs, and a shocking example of timing functions. We also found loads of amazing spooky CodePen demos. Boo!

♥️

Donovan at CSSAnimation.rocks

Articles

Spheres - CSS Animation — cssanimation.rocks

This guide will teach you how to make 3D-style shapes using gradients, as well as animations to bring them to life! Ooohhh!

Bouncy (Spooky) Transitions

See how the right choice of timing function can really bring an animation to life, with this shocked-robot example! Ahhhh!

Featured

Halloween special 50% off! — courses.cssanimation.rocks

🎃 👻 🎃 👻 🎃 👻 🎃 👻 🎃

Boo! You can learn how to bring a website to life, animations, transitions, scroll effects, carousels and more. This week I'm giving this course a 50% discount, from the already-discounted price $67 down to $33! Use discount code BOO

🎃 👻 🎃 👻 🎃 👻 🎃 👻 🎃

Inspiration

The Mine: No JS, CSS only adventure game — codepen.io

An incredible amount of work has gone into this CSS-only puzzle game! Eeekkk!

Little Witch — codepen.io

This animated scene is just gorgeous - so many spooky and beautiful details! Arghhh!

Mike Goes Trick-or-Treating — codepen.io

Dress up my favourite Monsters Inc character in this lovely little animated demo! Gahh!

CSS Trick or Treat toggle w/ clip-path 👻🎃 — codepen.io

You must choooooose! Trick? Orrr trrreat! Gulp!

Image Tile Rotator — codepen.io

Lovely effect here, the image is randomly chopped into multiple squares which are then rotated. Crikes!

Button emoji animation — codepen.io

I love this simple emoji-animation effect. Watch as the face changes when you cursor approaches the button! Yowzers!

Pricing Table — codepen.io

Loads of subtle animation in these pricing cards! Hover to see them change size, and the background animates too. Whaaaaat!

CSS Text Reveal — codepen.io

A handy little one for the CSS animation toolbox - text reveals using pseudo elements! Faint!

santa muerte second chance scene — codepen.io

Awesome styling CSS animation here - take a walk with death! Parp!

Dangly Bits

Lovely realistic-looking animation on a sun and moon! Blimey!

SVG Candy Machine — codepen.io

Inspired by Sarah Drasner's book, SVG Animations - this robot is really cool! Oooh!

... and that's it for this week! Please feel free to spread the word about my special 50% discount on the Level Up Your CSS Animation video course. Code: BOO

As a thank you for making it to the end of this email, here's a bonus: If you tell your friends, let me know and I'll send you a free CSS Animation Rocks sticker! Reply to this email to let me know where you'd like it sent.