Issue 200! ✨ For this very sparkly event we're reading about adding sparkles to our emphasised text, and delving into the details of the Web Animations API.

♥️ x 200, Donovan at CSSAnimation.rocks

Articles

How to animate sparkle text in React — joshwcomeau.com

A novel approach to emphasising text without the negative associations of em or strong - sparkles!

Web Animations API Explained — hackernoon.com

Interested in taking your animation further? Introducing the awesome Web Animations API

Featured

Reach your audience! — weekly.cssanimation.rocks

Every week CSS Animation Weekly goes out to 8000+ tech-savvy, smart, beautiful people interested in web design and development. Reply to this email if you'd like to be featured here.

Inspiration

Random 3D Orbit around Central Planet

Adjust the "pull" amount on this lovely 3D orbit demo to see how the rotations work!

Magnetic Hover Interaction

Interesting illustration of how a boundary can be applied when hovering over a menu, using GSAP

Cloth demo

See how the Matter-js physics engine can help in building a realistic-looking cloth demo

flags waves anime three.js

A very smooth Three.js animated flag, complete with sliders to adjust all the parameters

Rainbow

Hover this button to see a rotating radial background effect