Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
vanSk

fade in and fade out image

Recommended Posts

Hello I have a hand animation that shows up on x and starts to rock. I want this hand to hide in every 3 seconds and start from the beginning -> ie x: 0 and go to x: 270. Can you help me? I want to look like an animation restart but with fade. Thank you very much
 

 

See the Pen JgmpRO by van_22 (@van_22) on CodePen

Link to comment
Share on other sites

I'm not sure I follow what you'd like to happen. Do you mean the hand should fade in, rotate a few times and then fade out? If that's what you need, you can add a repeat:-1 and repeatDelay:3 to the timeline.

 

Does that help? Happy tweening.

  • Like 1
Link to comment
Share on other sites

Well, when the animation is fade out, as you can see it, I want after that the animation start from beginning, ie.  

tl.fromTo(".hand", 1, {
        x: -270
    }, {
            x: 270
        })

 

Link to comment
Share on other sites

Yes, exactly. Thanks a lot for the help!

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×