Hey folks, does anybody have any idea how this works?
It's a bit easier if you share the source so we can inspect it. My guess is that it's from Attio. If you inspect the code you can see it's an pretty basic keyframe animation. I pulled out the css and html for you can put it a code pen (https://codepen.io/madshensel/pen/dyrGmGg/41aba85d7a3a108b986175ddc6d66529?editors=1100) so it might be easier to understand what's going on 🙂
Hope that helps a bit
https://attio.com/
Thank you , it's https://skiff.com/ actually but it's the same idea. i just took a look for the code snipped it's amazing
Cool. There are some nice animation on that site.
A good way to improve your skillset is to reverse engineer, so hope you figure it out 🙂
It does seems like the Skiff is doing it with an svg and stroke-dashoffset which is also a very nice technique.
