The week we look to Canvas and learn how to simulate collisions!

♥️ Donovan at CSSAnimation.rocks

Articles

Simulating Object Collisions With Canvas — joshbradley.me

A fun article on creating realistic looking bouncing objects in Canvas

UI Interactions & Animations Roundup #9 — tympanus.net

A round up of some cool animated UI interactions from Codrops

Inspiration

Heart fill animation

Click the heart a few times to see it fill up with some lovely smooth animation

Magnetic Buttons — tympanus.net

Some examples of magnetic-feeling buttons

Brighten

The gradient border on this button is neat

Slide Sign In/Sign Up form

Cool example of a static background image when transitioning between sign up and sign in

Block Breaking

An interesting take on the old Breakout game

Submit

A nice CSS-only implementation of the submit / loading / success animation

Gooey loaders

Some inspiring "gooey" loader effects here

Animation in the real world

Kaleidoz - Value Through Design — kaleidozdesign.com

Interesting experimental navigation approach - turn an ephemeral cube to bounce between case studies!