Subscribe to our newsletter By subscribing, you agree with Revue’s Terms of Service and Privacy Policy and understand that CSS Animation Weekly will receive your email address. Apr 11, 2022 CSS Animation Weekly #296 This week we're exploring building interactive sparkles, variable fonts, and even animating grids! ❤️ CSS Animation Weekly #296 By CSSAnimation.rocks • Issue #296 • View online This week we’re exploring building interactive sparkles, variable fonts, and even animating grids!❤️ Donovan at CSSAnimation.rocks ☕️ Building an Interactive Sparkline Graph with D3 Learn how to build a handy little sparkline using D3 tympanus.net • Share Variable fonts in real life: how to use and love them Not just about animation, but variable fonts can be dynamically adjusted to create interesting effects. Learn all about them here evilmartians.com • Share Animated Grid Tracks with :has() A useful article for animating CSS grid values css-irl.info • Share Inspiration <input type="range"> Very cool demo of a set of animated range sliders lab.hakim.se • Share Lumon Industries I looked at this logo and suddenly 8 hours passed codepen.io • Share grow anim Hold the fern! Stunning procedurally-generated plants use Three.js to render differently each time codepen.io • Share Pipes Random and very cool JS-animated pipes codepen.io • Share Retro Breakpoints of Infinity Neat responsive demo codepen.io • Share You can support this newsletter Want to help me keep this newsletter online? Buy me a coffee! Did you enjoy this issue? By CSSAnimation.rocks CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue. Tweet Share In order to unsubscribe, click here. If you were forwarded this newsletter and you like it, you can subscribe here. Powered by Revue Share Share to Twitter Share to Facebook Subscribe to our newsletter By subscribing, you agree with Revue’s Terms of Service and Privacy Policy and understand that CSS Animation Weekly will receive your email address.