This week is a gooey start, followed up by a plethora of amazing inspiration! Also, grab my free book. Sure why not.

♥️ Donovan at CSSAnimation.rocks

Articles

Making Gooey Image Hover Effects with Three.js — tympanus.net

Learn how to create gooey reveal hover effects on images with Three.js using noise within a shader.

Featured

GitHub - cssanimation/css-animation-101: Learn how to bring animation to your web projects — github.com

Did you know my introduction to CSS animation book is available as PDF and ePUB for free? Check it out, and even try the source if you're into that sort of thing!

Inspiration

Paw Clap Button

High 4 with this super-cute paw clap button!

Low Poly Experiment

This animation from Chris Gannon combines SVG animation with some lovely JavaScript that deserves studying!

Desktop 404

Ah this is perfect. Not sure what I expected but this little animation made me genuinely LOL

Paper, scissors or rock (one more version)

I really enjoyed this emoji-based Paper, scissors, rock game!

CSS Kaleidoscope

I love it when simple sets of HTML elements create a complex result. This is a cool one

Animated Responsive Layout

This full-page animation is nicely set up with animations triggered when resizing past breakpoints

CSS Loading #cpc-fast-slow

Nice bit of character in this CSS loader

Styles and animations

An interesting little study of the letter i, animated.

That's all for this week! Be sure to throw some money my way if you want to support this newsletter. I'm currently up to about 50% of the needed donations to cover the hosting cost. We can do this!

(Pro tip: even at the $1 level I'll send you a sticker in the post if you ask me to)

• Donovan