[Suggestion] Add transition effects when the mask moving

[elselin]

I love shepherd and thanks for it. Suggest it will be nice if can have some transition effects when the mask moving... on this rectangle.

something like this, or configurable

#shepherdModalMaskOpening{
transition: all .3s ease;
}

[RobbieTheWagner]

@BrianSipple any thoughts on this?

[BrianSipple]

Thank you for the suggestion, @elselin. I'd be curious to experiment with a few style settings to see how this might work.

The mask opening "moves" by recalculating some of its SVG coordinates, so CSS might be able to achieve something there. Another question is whether or not this would be a configuration -- part of the API -- or something we add a few examples for in the documentation.

[elselin]

@BrianSipple Some example might be cool, for further flexible CSS control.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[RobbieTheWagner]

@elselin did you ever find an example of this?

[AliKholmatov]

Hi! I think he meant like this behaviour https://introjs.com/. That would be nice to add this transition

[RobbieTheWagner]

@AliKholmatov would you like to implement this?