Category "anime.js"

SVG scale animation also cause transformX and transformY to animate(anime.js)

I have the following svg :- anime({ targets: '#el-shape', scale: [0, 1], easing: 'easeInOutSine', duration: 1000, loop: true }); <sc

How to morph svg into another svg correctly with Anime.js?

I have a problem where two of my svg have the same number of points, but something isn't right when I play the animation, the two svgs are so close together but

How to morph svg into another svg correctly with Anime.js?

I have a problem where two of my svg have the same number of points, but something isn't right when I play the animation, the two svgs are so close together but

How to set animation progress with anime.js/velocity.js/etc.?

I have animation like this (anime.js example): anime({ targets: '.selector', opacity: 0.5, translateX: 200, duration: 1, }); Then i need to set progres