This week... tools! We have some exciting animation tools, a neat scrolling framework, and even tool-tips for your enjoyment, along with loads of CSS animation inspiration.

♥️

Donovan at CSSAnimation.rocks

Articles

Spirit - The animation tool for the web — spiritapp.io

This tool looks really promising. If you ever used tools like Flash back in the day, being able to animate using timelines was so useful. This tool aims to recreate that, but creates animations optimised for the browser.

Playful Little Tooltip Ideas — tympanus.net

Some fun from Codrops with tooltips. See how Anime.js and some clever use of SVG can make those tools tips pop.

Tu.tScroll Index — t-scroll.com

A handy plug-and-play scroll animation library with 45 snappy animations to choose from.

Inspiration

Palms by night — codepen.io

Very smooth animation on these palms at night 🌴

Next-type — nuxt-type.now.sh

Lovely text transitions on this demo from Sarah Drasner. 

"Do The Wave" - CSS Animated Font — codepen.io

A fun example of spinning text 🌀

Outlook Logo Animation Treatment — codepen.io

Nice bit of a reveal animation on this logo treatment.

Donor Day — codepen.io

This is a happy bag of blood 🅰️

CSS scenery — codepen.io

A relaxing scene created and animated with CSS 😎

CSS Postcard: Greetings from Japan — codepen.io

Keeping the relaxing vibe, check out this lovely animated greeting card 🌁

Black star inside out — codepen.io

Mind blowing example of CSS-only animation on this multi-coloured star 🌟