CSS Animation Weekly #75

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

tympanus.net

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

Featured

Robmmdoxsymssawgal3a?1514813451

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

Large

CSS3 Loading animations — codepen.io

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

Large

WWDC — Concept — codepen.io

Lovely particle demo that gradually reveals the Apple logo 🍎

30

Snow Effect using HTML5 Canvas and Javascript — thecodeplayer.com

A handy snow effect you can add to your site

CSS3 loading animation meets Bauhaus

codepen.io

A super simple yet charming little loading animation animated with CSS

Large

circle particles — codepen.io

Particle fields that zoom past each other. Gorgeous effect 💫

Large

Pixel Fireworks — codepen.io

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

Large

ALIEN — Deviation of microcosm — codepen.io

Creepy awesome swimming yokes! 🐛

Large

CodePen — Pointer Controlled Elastic Points — codepen.io

Click and drag to see this squishy demo move!

Don’t forget

Robmmdoxsymssawgal3a?1514814296

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.