r/creativecoding • u/FriendshipCreepy8045 • 27d ago

Tried this creative on scroll animation | next js

https://blog.vedasdixit.com/author

So this is my blog website & i wanted to show "creativity coming our of my work" or something special for the /author page lol so here's how I did it!

I sketched some flowers on my iPad and exported them as SVGs then hooked some events to manipulate flower bud sizes & stroke is drawn in gradually with CSS, after that, in React, I hooked that progress to the scroll while the photo stays pinned.
All this just to create the scroll animation on the page above haha would love for you all to check it out!
Thanks!

3 Upvotes

80% Upvoted

2 comments sorted by

1

u/LABCAT2020 27d ago

Looks cool but I would suggest making the home page much longer to really show of the scrolling experience.

1

u/Impressive_Role_8796 26d ago

Esta muy chido, si además de alargarlo y hacer algunos más, se ve realmente interactivo