This week we're learning how to make some amazing canvas-based parallax animations, and discovering a load of amazing animated clocks - along with the usual inspiration!

♥️

Donovan at CSSAnimation.rocks

Physics-Based Background Scroll Effects — codersblock.com

Learn how to create an amazing physics-based scroll background animation using Matter.js. This tutorial includes lots of cool examples ✨

Clock Shop — a-jie.github.io

Looking for inspiring animated clocks? Look no further. A great collection of animated clocks.

Featured

Level Up your CSS animation skills | CSS Animation — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Clocks

Speaking of clocks - here's a tutorial on how to build your own using JavaScript and animated using CSS! 🕰

Infinitely drawing icons — codepen.io

I'm a huge fan of SVG line animation, and also a huge fan of animated loaders. Why not both? 😋

Peli-Cannon — codepen.io

Lovely subtitle animation on this flying birdy

Johnny Cash Busted — codepen.io

Busted! Nice use of SVG animation on this rap sheet of the great musician

404 PAGE NOT FOUND — codepen.io

An interesting take on the old "Page Not Found" thing - with a word search

Search bar — codepen.io

Speaking of searching, click the icon to see it transform into a search box! Nifty

where-is-pinochio? — codepen.io

Hover over this whale to cast an x-ray through it