I want to make the animated lines among the cards. The blue line will move. For example, the blue line will move from the top card to the bottom card on the dotted line. Is there any animation library that can generate it or need to make it by custom CSS?

I want to create the same animation for the left text on my website as seen on this website using React and CSS. So far, I’ve tried the following code, but it doesn’t achieve the same effect:

I am new to CSS Animation. I got this animation working but it has some issues with speed when going from left -> right the animation works as expected but in case of right -> left (because of alternate which I need) the squares move too fast. How can I fix this. My intention is that only one square moves at a time which is visible in left to right animation.