• CSS Animation Weekly
  • Posts
  • CSS Animation Weekly #85 - Good to great animation, Houdini for animating transforms and more

CSS Animation Weekly #85 - Good to great animation, Houdini for animating transforms and more

This week we're taking our animations to the new level, learning some mind-bending new approaches to transforms and generating all the coordinates.

♥️

Donovan at CSSAnimation.rocks

Wondering how to make your animations really stand out? Learn how to make your good animations great ✨

If you've been using CSS animations along with timing functions you have have run into the problem where you can't animated multiple properties of an animate with their own timing functions. Ana Tudor explains how we can tackle this with the Houdini task force is tacking the issue.

This tool will generate coordinates for you based on an SVG file! Handy for converting paths to a series of animated points.

Inspiration

Hover one of these perfect looking Moleskine notebooks to see it open 📚

Lovely randomly-generated images in which particles orbit around leaving trails 🌀

An entrancing rotation animation made up of tennis balls 🎾

Neat little effect on this animated 404 page ⁴₀⁴

Hilarious exploding loader 💥

Some fun with SVG and inline animations