I want car that moves along path and show show text on certain points

[alal111]

I cannot flip the car image and it always appears backwards. What am i doing wrong?

And i want to show the text when the car is near red points, and hide it after, but i cannot figure it out. Any help would be appreciated)

See the Pen MWPOmoo by alal111 (@alal111) on CodePen

[Rodrigo]

Hi,

 

@Cassie already solved the same problem for another user here:

 

Hopefully this helps.

Happy Tweening!

[alal111]

14 minutes ago, Rodrigo said:

Hi,

 

@Cassie already solved the same problem for another user here:

 

Hopefully this helps.

Happy Tweening!

i have seen this, and this 

See the Pen GRoXzYj by GreenSock (@GreenSock) on CodePen

 but for my example it doesnt work somehow, cant understand where my mistake

[Rodrigo]

Hi,

 

The reason for that is because in those examples the element that follows the path, soto speak, is a wrapper for the element that rotates. So in Cassie's example that arrow is wrapped around a <g> tag. That particular <g> tag is the one that follows the path, the arrow is just a free loader that goes for the ride and just rotates according to the scroll direction .

 

So in your case you have to wrap your car around an element and tinker a bit with your code and CSS. Here is a fork of your codepen, you can see the red box around the car is the one that is attached to the path:

See the Pen MWPOQmo by GreenSock (@GreenSock) on CodePen

 

Hopefully this helps.

Happy Tweening!

[alal111]

12 hours ago, Rodrigo said:

Hi,

 

The reason for that is because in those examples the element that follows the path, soto speak, is a wrapper for the element that rotates. So in Cassie's example that arrow is wrapped around a <g> tag. That particular <g> tag is the one that follows the path, the arrow is just a free loader that goes for the ride and just rotates according to the scroll direction .

 

So in your case you have to wrap your car around an element and tinker a bit with your code and CSS. Here is a fork of your codepen, you can see the red box around the car is the one that is attached to the path:

 

 

 

Hopefully this helps.

Happy Tweening!

Thank you very much, it helped a lot