Loads of fun stuff going on in CSS animation this week! Enjoy!

♥️

Donovan at CSSAnimation.rocks

Articles

Creating an animated SVG Neon light effect

This fun tutorial shows us how to create an animated neon light effect using SVG images along with CSS animation ✨

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

character movement study — codepen.io

Lovely use of sprite animation to create a running effect on this interactive demo

Pure CSS Magic Trick — codepen.io

Oooooooh magic! 🤩

Page Proportions as Musical Intervals

A responsive layout that adjusts the layout to match musical intervals 🎹

Downsampling + out fo — codepen.io

Transparent borders and an interesting downsampled image effect on this hover demo

rémi's pop-up — codepen.io

Super-simple yet stylish popup with hover shadow on the buttons

Responsive Blog Card Slider — codepen.io

Check out the many small movements that add up to make this slider animation more polished

CodePen - SVG/Stroke Animation. — codepen.io

All the strike animations!

Animation in the real world

Robin Mastromarino - Interactive Designer — robinmastromarino.com

Hello! I’m an Interactive Designer who currently lives in Paris.

Want to help support this newsletter? You can buy me a coffee on Patreon!