This week we're exploring some material design animation effects, creating amazing particle backgrounds and more!

♥️ Donovan at CSSAnimation.rocks

Demystifying the material design expand and cross-fade effect

An exploration of the transitions between different states as seen in material design, along with some ways to create the effect yourself in CSS

tsParticles — github.com

Easily create particle animations and use them as animated backgrounds for your website

UI Interactions & Animations Roundup #17 — tympanus.net

A great list of interesting UI animation and interaction put together by Codrops

Inspiration

Dot & Dash

Superb use of HTML and CSS in this cool 3D demo

Colour Catherine Wheel

The sparks on this spinning Catherine Wheel are just perfect

Simplex Circle

Adjust the dials to see this circular animated wavy goodness adjust

Tracks

Some animated random-sized lines. Could be useful as a scaffolding idea for preloading content

MP4/5

Neat little 3D 🏎