Jump to content
Search Community

Zahir Rafiq

Members

  • Posts

    16

  • Joined

  • Last visited

 Content Type 

Posts posted by Zahir Rafiq

    Right Time

    in GSAP

    Posted

    Hi Forum,

     

    I'm working on a project in which I have composed a svg graphic, which shows a clock on a fireplace. What I want to achieve is that the clock displays the right time, but the clock hands are not in the correct position.  Can someone show me how to put them in the right position? 

     

    Thank you

     

    Zahir 

     

     

    See the Pen YzXawje by AlphaArt (@AlphaArt) on CodePen

    Stop it from vanishing and flipping

    in GSAP

    Posted

    Hi @ZachSaucier, 

     

    This is great, but how can I stop it from vanishing when the minus button is clicked continuously?

     

    So basically at the start I want the user to zoom in only by clicking the plus button, and then when the user clicks the minus button the svg graphic only zooms out to the original size and stays like that until the user clicks on the plus button again to zoom in.

     

    I hope this makes sense.

     

    Can you show me please?

     

    Many thanks,

     

    Zahir

    Stop it from vanishing and flipping

    in GSAP

    Posted

    Hi forum, 

     

    I'm working on a project which zooms in and out a svg graphic, but the problem is that when I continuously  click the minus button the svg vanishes and than flips upside down:(  Is there any way that you can limit the zoom out function so that it reverts back to the svg starting point / original size? 

     

    Any help will be much appreciated.

     

    Zahir    

    See the Pen ZEYmRpp by AlphaArt (@AlphaArt) on CodePen

    In whatever order

    in GSAP

    Posted

    Hi forum,

    I'm almost there with this project, it works fine when you click in the order from green, red and blue, but the problem is when you click in a different colour sequence , such as blue, red and green the animation does not function correctly. 

     

    Essentially all I want is  for the  user to navigate through the animations in whatever order. 

     

    I really appreciated your help last time.

     

    Zahir

    See the Pen VwYxYgL by AlphaArt (@AlphaArt) on CodePen

    Not at the same time

    in GSAP

    Posted

     

    Hi @elegantseagulls,

    I'm almost there with this project, it works fine when you click in the order from green, red and blue, but the problem is when you click in a different colour sequence , such as blue, red and green the animation does not function correctly. 

     

    Essentially all I want is  for the  user to navigate through the animations in whatever order. 

     

    I really appreciated your help last time.

     

    Zahir   

    Not at the same time

    in GSAP

    Posted

     

    Hi Forum, 

     

    I'm working on a project using gsap and I have composed a svg UI, that when you click on the coloured buttons you activate a staggered tween of coloured circles, for example click green square and the green circles animate and so on. So far I have managed to use the, .isActive() method and the result is that of a toggle effect on each button, so only when the animation is completed you can click on the button again to reverse the animation. 

     

    Is there a way to disable the other buttons so the user doesn't activate the other animations at the same time? Or more importantly, click on one button to activate an animation, but when the user clicks on another button it reverses the current animation and then plays the activated animation. So basically click on the green button and the green circles animates and then the user clicks on the red button, the green circles reverse and then the red circles animate. 

     

    I hope this makes sense. 

    Your help will be much appreciated.


     

    Thank you.

     

    Zahir

    See the Pen VwYxYgL by AlphaArt (@AlphaArt) on CodePen

×
×
  • Create New...