animate-shepherd.html

<script>

var shepherdInterval = setInterval(function(){

  if (window.ShepherdInstallHelper && window.ShepherdInstallHelper.tour){

    clearInterval(shepherdInterval);

    ShepherdInstallHelper.tour.on('show', function(opts){ 
      var prev = opts.previous;
      var step = opts.step;

      if (!prev)
        return;
 
      prev.el.classList.add('shepherd-open');
      prev.el.classList.add('shepherd-enabled');

      step.once('show', function(){
        step.el.style.opacity = 0;
        step.el.style.pointerEvents = 'none';
 
        prev.el.style.transition = '1s transform ease-in-out';
        prev.el.style.transform = step.el.style.transform;

        setTimeout(function(){
          prev.el.classList.remove('shepherd-open');
          prev.el.classList.remove('shepherd-enabled');

          step.el.style.opacity = 1;
          step.el.style.pointerEvents = '';
        }, 1000);
      });
    });
  }
}, 250);

</script>