Create an animation with section divider

Hi yall,

A client would like to create an animation with the section divider. While we scroll down, the line should go from the left to right.

Tried to find a code online but couldn't find one...

Thanks!

39 minutes ago, abbiericher said:

Hi yall,

A client would like to create an animation with the section divider. While we scroll down, the line should go from the left to right.

Tried to find a code online but couldn't find one...

Thanks!

Can you share your URL to the page with this section so I can check it?

On 6/17/2024 at 6:52 PM, Beyondspace said:

Can you share your URL to the page with this section so I can check it?

https://joy-studio.squarespace.com/
MDP: joy

Maybe we could try with both section divider or block line. I have both on the one-pager

On 6/21/2024 at 3:06 AM, abbiericher said:

https://joy-studio.squarespace.com/
MDP: joy

Maybe we could try with both section divider or block line. I have both on the one-pager

Do you mean these lines?

On 6/22/2024 at 11:26 AM, Beyondspace said:

Do you mean these lines?

Yes. The first one is a full-width divider line section and the second (under the text) is a block line.

On 6/24/2024 at 2:02 PM, abbiericher said:

Yes. The first one is a full-width divider line section and the second (under the text) is a block line.

@Beyondspace any idea?