We bring you micro nudges, animation worklets and a load of really great animated CSS inspiration today!

♥️

Donovan at CSSAnimation.rocks

Articles

Micro nudge: a micro animation for behavioral change — uxplanet.org

An interesting approach to influencing and highlighting our UI - micro nudges! See how these small animations can enrich an app's UX

Houdini's Animation Worklet — developers.google.com

Exciting developments in the world of Houdini - Animation Worklets let you create custom UI that animated smoothly by avoiding the kinds of thread-blocking that usually results in janky animations

Featured

Level Up your CSS animation skills | CSS Animation — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Carousel - dynamic — codepen.io

An amazing example of 3D transforms in the form of a rotating carousel!

Pure CSS Toggle Buttons — codepen.io

A load of pure CSS animated toggles!

Dancing Skeleton ☠ CSS Only — codepen.io

A very cute dancing skellington

Apple devices slide show — codepen.io

Press the arrows to see the lovely transitions between each of these devices ✨

Colour Changing Chameleon — codepen.io

I couldn't get the colour changing to work on this one but the animation is cool 🤷‍♀️

Just Another Menu(Pure CSS) — codepen.io

This may be just another floating menu palette but the way the ellipses animate into the close X is pretty cool!

CSS Particle Animation (no JavaScript) — codepen.io

It's great to see what can be done with CSS - these animated particles would look great as a seasonal winter effect

Strings — codepen.io

A hypnotic and beautiful tunnel animation