Feature Request: Smooth Animated Transitions Between Steps (Like Driver.js)

[BenJackGill]

I'm moving over from Driver.js, which features smooth animated transitions between steps.

If you check out the demo on their homepage, you'll see how each highlight gracefully shifts and moves across the page with a nice animation effect.

In contrast, the current Shepherd.js tour steps appear abruptly, without transitions.

Is it possible to implement similar smooth animated transitions in Shepherd.js, like those in Driver.js?

[chuckcarpenter]

Looks like something like this is what he does

@keyframes animate-fade-in {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.driver-fade .driver-overlay {
  animation: animate-fade-in 200ms ease-in-out;
}

.driver-fade .driver-popover {
  animation: animate-fade-in 200ms;
}

Open to adding it in the default theme, but if you have time for a PR or just want to drop into your own project to not wait for a release, Shepherd is very theme-able.

[robd003]

Thanks for pointing out Driver.js! This is worth migrating to for the MIT licensing alone