I would like to share a fun experimental animation I’ve done recently. It’s about an animated refresh icon, based in this dribbble shot by Nick Buturishvili. I’ve made it using CSS animations, SVG and segment mainly. But also I’m using the d3-ease library for the
elastic-out easing function used.
In general, this tutorial is about how to integrate successfully the segment library with CSS animations for creating beautiful and complex line animations. Maybe a collection of these kind of icons? Who knows ;)