Bouncing Arrow Animation

Hello!

I would like to add a “bouncing” arrow animation to my site similar to the digitlhaus website. (Sorry not able to post link to site)

I am currently using the code;


export function vectorImage1_viewportEnter ( event ) {
// This function was added from the Properties & Events panel. To learn more, visit Velo: Working with the Properties & Events Panel | Help Center | Wix.com
// Add your code for this event here:
setTimeout ( function (){ $w ( ‘#vectorImage1’ ). hide ( ‘bounce’ );}, 300 );
}

/**

  • Adds an event handler that runs when an element is no longer
    displayed in the viewable part of the current window.
  • @param {$w.Event} event
    */
    export function vectorImage1_viewportLeave ( event ) {
    // This function was added from the Properties & Events panel. To learn more, visit Velo: Working with the Properties & Events Panel | Help Center | Wix.com
    // Add your code for this event here:
    setTimeout ( function (){ $w ( ‘#vectorImage1’ ). show ( ‘bounce’ );}, 300 );
    }

Right now it looks more like a flash than a bounce. Any suggestions?