How to create infinite text animation like this ?

Unanswered

Hackberry nipple gall parasitoid posted this in #help-forum

Open in Discord

Hackberry nipple gall parasitoidOP

2024-03-16T13:15:11.000Z

https://s3-figma-videos-production-sig.figma.com/video/1040228028477467826/ORG/65a2/c15c/-cd8c-4543-ba74-385ca240a15d?Expires=1711324800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=QaFDQVgdqCqet5aBWmzm9mkWqsV2vJ-jawYAOmJcfA9RTZWaQ1zV4vC6VYpG4ET0wKjQ~uRxaz4dFCXtHLiel8RlNhbkSdhGq9o9hVT-RrU2kqzpc78z66UNUz8Rntw9ORxNa18WP4pDTwcvkmX3pYgw7hJh2szzSa~gwyC72kRhmbip~j3mU1XaLDlUgKZISf8x~6i~FbMoXJfawTI4kq5jx7YBLdggO9~CFXNACLlNGZnSpo1DhhjzX2eEeA1G4Zd9YCiZP75YekxBKpwQax1h70pP-Mr~2QagnK5jGhTQ~yjQv4HB18dsCSt7YRJbDbu3P9Izcx2P8oP61-09Lw__
like this?

5 Replies

@Hackberry nipple gall parasitoid https://s3-figma-videos-production-sig.figma.com/video/1040228028477467826/ORG/65a2/c15c/-cd8c-4543-ba74-385ca240a15d?Expires=1711324800&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4&Signature=QaFDQVgdqCqet5aBWmzm9mkWqsV2vJ-jawYAOmJcfA9RTZWaQ1zV4vC6VYpG4ET0wKjQ~uRxaz4dFCXtHLiel8RlNhbkSdhGq9o9hVT-RrU2kqzpc78z66UNUz8Rntw9ORxNa18WP4pDTwcvkmX3pYgw7hJh2szzSa~gwyC72kRhmbip~j3mU1XaLDlUgKZISf8x~6i~FbMoXJfawTI4kq5jx7YBLdggO9~CFXNACLlNGZnSpo1DhhjzX2eEeA1G4Zd9YCiZP75YekxBKpwQax1h70pP-Mr~2QagnK5jGhTQ~yjQv4HB18dsCSt7YRJbDbu3P9Izcx2P8oP61-09Lw__ like this?

2024-03-17T06:42:53.000Z

You have to use translateY property for it

https://codepen.io/michael-lewallen/pen/KXpGqV
see this, you'll get a idea on how it works

@Anay-208 You have to use `translateY` property for it

Hackberry nipple gall parasitoidOP

2024-03-17T08:50:13.000Z

doesn't work

properly

@Hackberry nipple gall parasitoid doesn't work

2024-03-17T08:56:57.000Z

I've also built it. You may not be integrating it right. can you send how you tried to implement and send codepen link