Happy new year! This week we're taking a look back at the awesomeness, and getting inspired by some more cool CSS animation examples.

♥️

Donovan at CSSAnimation.rocks

Articles

A round-up of all Codrops resources

In case you missed any of the awesome demos and tutorials from Codrops in 2017 🍾

Featured

Save 93% on the video course — courses.cssanimation.rocks

By popular demand, we're extending this special price of just $10 for 4 hours+ of CSS animation tutorials! Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more.

Inspiration

CSS3 Loading animations — codepen.io

Looking for some inspiration for CSS animated loading animations? Some great ideas here 🤔

WWDC - Concept — codepen.io

Lovely particle demo that gradually reveals the Apple logo 🍎

Snow Effect using HTML5 Canvas and Javascript — thecodeplayer.com

A handy snow effect you can add to your site

CSS3 loading animation meets Bauhaus

A super simple yet charming little loading animation animated with CSS

circle particles — codepen.io

Particle fields that zoom past each other. Gorgeous effect 💫

Pixel Fireworks — codepen.io

Sit back and watch fireworks in a pixelated world! You can even click and drag anywhere to launch your own 👾

ALIEN - Deviation of microcosm — codepen.io

Creepy awesome swimming yokes! 🐛

CodePen - Pointer Controlled Elastic Points — codepen.io

Click and drag to see this squishy demo move!

Don't forget

Learn how to apply CSS animation to your projects - for just $10 — courses.cssanimation.rocks

Get this before the price goes back up to $140. Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.