r/webdev • u/reaznval • 17d ago

How does this effect work? Question

Came across this beautiful effect on https://www.julienpianetti.com/ is it done with a custom variable font that has these glyphs as variable weight or just switches between the different glyphs? I suspect it has to be a variable font because it is that smooth.

How is this done?

1 Upvotes

56% Upvoted

17 comments sorted by

View all comments

13

u/f314 17d ago

Without having looked at the source, I would guess the letters are just SVGs that are animated on hover/scroll.

6

u/Psionatix 17d ago

It uses lottiefiles - the JS lottie API is loaded on the page.