CSS Animation Weekly #78 - CSS vs JavaScript, CSS Variables and more

A huge week this week! We'll be tacking the age-old question, should you use JavaScript or CSS for your web animation? Along we way we're also learning how CSS variables can simplify our animation code, and much more. Enjoy!

♥️

Donovan at CSSAnimation.rocks

Articles

When should you use CSS for your web animations? Or when should you use JavaScript? Is one better than the other? Zell Liew shows how you can use both to produce smooth animations for your web site.

Learn how CSS variables can make the Apple Watch "Breathe" animation simpler ⌚️

A nice overview of CSS animation in general. If you're wondering how to get started, check this out.

Featured

I've been called crazy, but really I'm delighted to be able to share this 4-hour course and see how many people it's helping. Join hundreds of designers and developers learning how to bring  websites to life with animations, transitions, scroll effects, carousels and more.

Inspiration

Neat physics demo with these bouncy jelly-like boxes 🆒

Should you use carousels? Well in this stunning demo carousels make for a fantastic security code panel! 

Get the coordinates of the mouse over a specific container! A useful starting point for mouse-interaction animations!

Subtle CSS-only animation brings this "Frozen" logo to life ❄️

I can't believe this was entirely created with CSS. Click to adjust the settings!

Clock this button to see a lovely bubbly effect 🛁

This Lissajous curve drawing is just mesmerising - I could watch it all day