Custom Animation for a Button

  • Resolved afyonluoglu

    (@afyonluoglu)


    6 years, 9 months ago

    Dear @nextendweb
    I want to apply a LOOP animation to a BUTTON that moves itself to left, pulse there and then turns back to its original position (right) and continues so on.

    When i apply following LOOP animation to a button:
    – animation-01_goLeft: offset x=-400 duration=1000
    – animation-02_pulse: scale x=140 scale y=140 duration=300
    – animation-03_backToOriginalPosition: offset x=400 duration=1000
    – animation-04_Wait: duration=3000

    I could not obtain expected result. (It goes to left and immediately turns back to right and then pulses there and goes to right more!)

    So it is possible to create this kind of custom animaton? If yes, how?

    Thank you for your cooperation
    Best
    Mustafa

    • This topic was modified 6 years, 9 months ago by afyonluoglu.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @afyonluoglu!

    The way you should think of this is system is, that the current animation isn’t connected to the previous step, but it is animated towards the next animation step (placement, size and everything). At the first step you move the layer -400px to the left. Now at animation-02_pulse you should also add that x:-400 offset to your animation step. Then before moving it back to the original position, you should create one resting position at that x:-400 offset placement to scale down to that placement. After that you could move the layer to the original position.

    I will rather write down the steps with the offset and scale values (the duration value doesn’t really matters):
    step1:
    offset: X:-400px
    scale: x: 100%, y: 100%

    step2:
    offset: X:-400px
    scale: x: 140%, y: 140%

    step3:
    offset: X:-400px
    scale: x: 100%, y: 100%

    step4:
    offset: X:0px
    scale: x: 100%, y: 100%

    If you need more help, please rather write to us to [email protected] and we will send you an exported example there!

    Thread Starter afyonluoglu

    (@afyonluoglu)

    Dear Gabor (@nextendweb_gabor)

    It is great! Thank you for your kind and very detailed help. This helped me to understand the working principles of the smartslider animations.

    Thank you for your cooperation and thank you for this great plugin

    Best
    Mustafa

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom Animation for a Button’ is closed to new replies.