CSS Animation Weekly

This week we learn all about CSS Masks and power up our menus. We've also scoured the web for examples of inspiring animation.

If you're planning your Xmas marketing, be sure to take note of these awesome tips.

♥️

Articles

How to use CSS Masks for some impressive transition effects.

Discover how you can use CSS animations to make a site more delightful and easy to use.

All sorts of examples of UI movement, captured as animated gifs.

A gorgeous demo of the relative rates of rotation of the planets Earth and Venus around the Sun.

Nice layered animation on the transitions between elements in this accordion. Go on, give it some clicks.

Nifty text effect on this 404 demo.

A massive list of UI interactions to peruse and be inspired by.

An elegant animation showing a conversational UI in the browser.

Get in the Halloween mood with this sparkler-style Canvas animation (lovely reflection effect!)

Check out this beautiful landing page - the use of Canvas and SVG is amazing.