Hi... I am trying to animate 3 elements at the same time, but I simply can't wrap my head around how to do this.
The elements play in order of the code... How do I get them to execute all at once? My code is this: import wixAnimations from 'wix-animations'; $w.onReady(function () { explodeOnHover(); }); function explodeOnHover() { $w('#image1').onMouseIn((event) => { wixAnimations.timeline() .add($w("#image1"), { "scale": 1.2, "easing": "easeInQuint", "duration": 500 }) .add($w("#vectorImage2"), { x: -100,y: -100, "easing": "easeInQuint", "duration": 500 }) .add($w("#vectorImage3"), { x: 100,y: 100, "easing": "easeInQuint", "duration": 500 }).play(); }) $w('#image1').onMouseOut((event) => { wixAnimations.timeline() .add($w("#image1"), { "scale": 1, "easing": "easeInQuint", "duration": 500 }) .add($w("#vectorImage2"), { x: 0,y: 0, "easing": "easeInQuint", "duration": 500 }) .add($w("#vectorImage3"), { x: 0,y: 0, "easing": "easeInQuint", "duration": 500 }).play(); }) }