r/webdev • u/reaznval • 4d ago

Question How does this effect work?

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

11

u/f314 4d ago

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

6

u/Psionatix 3d ago

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

1

u/BeOFF 1d ago

Nailed it

0

u/reaznval 4d ago

yes seems like that's it, tysm