CSS Animation Weekly #179

It's the last CSS Animation weekly of 2019! I hope you've had a great year. Don't forget to bookmark one of the Amazon links below if you'd like to help support this newsletter in 2020 ✨

♥️ Donovan at CSSAnimation.rocks

Articles

A tutorial on how to create the Apple Fifth Avenue Cube using native WebGL

I could link to almost all of these as they're amazing, so instead go check out the collection of inspiring and amazing CodePens from the year ✨

Featured

If you like to take advantage of Amazon’s new year sales, you can also help support this newsletter! Use one of the following links and every purchase will result in a few cents going to CSS Animation:

Thank you for supporting CSS Animation and have a great holiday season!

Inspiration

A super-cute example of pure CSS/HTML animated Christmas-tree ornaments!

Wow - not only is this 3D keyboard created in pure HTML/CSS, it animates as you type on your own keyboard. Nice flickery effect on the screen too 🤯⌨️

Generate any number of unique trees with this intruiging React-based demo

This demo uses mix-blend-mode on a custom mouse cursor to invert the background. Neat trick!

Pure CSS solar eclipse! ☀️🌑

This screen transition intro is epic!

Fun use of dark and light themes on this animated password-reveal setting!

Add some winter mood to your web designs with this lovely canvas snowfall

Animation in the real world

Lovely scrolling effects abound in this freelance creative development site - check out the projects too! Great, inspiring work

Funny use of mouse position in this Mac Pro page 👀