# Infinite Running Line W/ Fading Gradient?

**URL:** <https://forum.readymag.com/t/infinite-running-line-w-fading-gradient/3274>\
**Category:** Animations\
**Created:** [July 23, 2024, 4:53pm UTC](https://forum.readymag.com/t/infinite-running-line-w-fading-gradient/3274 "2024-07-23T16:53:55Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nina\_Mitra](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/nina_mitra/32/2252_2.png) [@Nina\_Mitra](https://forum.readymag.com/u/Nina_Mitra)\
**Post date:** [July 23, 2024, 4:53pm UTC](https://forum.readymag.com/t/infinite-running-line-w-fading-gradient/3274/1 "2024-07-23T16:53:56Z")

</div>

Hello all!

I recently came across this amazing portfolio: [https://www.jwang.work/](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

---

<div class="post-metadata">

**Author:** ![neueMeta](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.readymag.com/neuemeta/32/92_2.png) [@neueMeta](https://forum.readymag.com/u/neueMeta)\
**Post date:** [July 24, 2024, 8:23pm UTC](https://forum.readymag.com/t/infinite-running-line-w-fading-gradient/3274/2 "2024-07-24T20:23:30Z")

</div>

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.