Infinite Running Line W/ Fading Gradient?

Animations
1

Hello all!

I recently came across this amazing portfolio: https://www.jwang.work/
I think the website was made on Readymag but i’m not sure? I’d love to replicate the fade in/out with her ‘I AM CURRENTLY Drawing, meditating, and makin’ stuff at The Browser Company.’

I cannot for the life of me figure out how it was done, I’ve tried playing around with the code widget but the level of gradient, text, colour are always off and looks harsh!

Please help <3

2

hey, your examplewebsite isn´t running on readymag.
I would guess squarespace.

If you want to archieve somethign similar you have to use custom code and build it on your own.
I would have a look at codepen for some examples or snippets to then customize and adapt.
But basic knowledge of css is neccesarry though.

1 Like