You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Expected behavior
Animate between top:50% <--> top:200px
Desktop (please complete the following information):
MAC
Safari
Latest
Additional context
Perhaps this was never intended to work - as I didn't have this problem with GSAP I got used to this being solved - it is very useful to animate from part of a screen to a known location... ..but hey I love AnimeJS regardless so thanks :)
The text was updated successfully, but these errors were encountered:
update
Just realised I can fix this by using calc --> {top: ['50%', 'calc(0% + 100px)']},
Less intuitive perhaps...but works fine !
Describe the bug
Position jumps when animating from top:'50%' <--> top:'100px'
To Reproduce
anime({
targets: '.myobject',
keyframes: [
{top: ['50%', '100px']},
{top: ['100px', '50%']},
],
duration: 4000,
easing: 'easeInOutSine',
loop: true,
});
Expected behavior
Animate between top:50% <--> top:200px
Desktop (please complete the following information):
Additional context
Perhaps this was never intended to work - as I didn't have this problem with GSAP I got used to this being solved - it is very useful to animate from part of a screen to a known location... ..but hey I love AnimeJS regardless so thanks :)
The text was updated successfully, but these errors were encountered: