Anime: Animate with no special easing

Created on 11 Sep 2017  路  2Comments  路  Source: juliangarnier/anime

I am trying to animate a circle going around using just anime.js. All is good for the rotation except for the easing. I do not want any custom easing so it rotates around in a seamless loop. How can I stop anime.js from adding a tween effect to the element?

Here is my JS

var wheel = anime({
    targets: '#wheel',
    duration: 10000,
    rotate: 360,
        direction: 'reverse',
    loop: true,
});

Most helpful comment

You can specify an easing function. Maybe try easing: 'linear'?

All 2 comments

You can specify an easing function. Maybe try easing: 'linear'?

Thank you!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

edenprojectde picture edenprojectde  路  5Comments

davidhellmann picture davidhellmann  路  3Comments

ndimatteo picture ndimatteo  路  5Comments

Elaborate3P1C picture Elaborate3P1C  路  7Comments

bofeiw picture bofeiw  路  4Comments