Happy Monday! This week in CSS animation we monitor animation performance, create a nifty little bit of positioning in a Netflix-inspired demo, create an old-school marquee effect, and loads more.

♥️ Donovan at CSSAnimation.rocks

Articles

Performance monitoring in CSS animations — medium.com

Should we use JavaScript or CSS for animation? It's an old question but still worth considering, especially when thinking about performance

How to Re-Create a Nifty Netflix Animation in CSS — css-tricks.com

Using only CSS, recreate the Netflix zoom hover effect

CSS-Only Marquee Effect — tympanus.net

A simple CSS-only marquee effect for a menu based on Francesco Zagami's Dribbble shot.

Featured

Color Ninja for Mac — www.color.ninja

Create perfectly matching designs with Color Ninja, the all-new and all-in-one color schemer for Mac. With every color scheme built-in, you’re sure to find the exact colors you need for an aesthetically pleasing design.

Inspiration

Earth Day

Happy Earth Day... world!

Mailbox Submit

Multiple animations combine to make this mail subscribe interaction work so nicely!

Hand Shake

I'm glad these shaking hands are wearing gloves at least. Lovely smooth wavy animation

Corona Virus SVG

A cute grumpy Corona style virus as an animated SVG 🦠

Let's Hover

It's a hover-car! 

web-animation simple add to basket

An interesting animation that shows how you can draw attention to the shopping basket when adding items

Animation in the real world

Hotel Trends 2020

Lots of cool spaceship themed animations on this info site! Useful tips too 🚀