Transition and animation helpers/utilities
Prerequisites
-
I have searched for duplicate or closed feature requests -
I have read the contributing guidelines
Proposal
Having some transition and animation helpers or utilities would be very useful for the users of Bootstrap.
We need to define what sort of transition and animation and if it's best as helpers or utilities depending on the use cases.
This issue could be tackled in several sub-steps.
Let's start with the animation direction
One use case has already been identified and will close https://github.com/twbs/bootstrap/issues/38053.
For the animation direction, it could be something like (with or without the "direction" word):
.animation-direction-normal
.animation-direction-reverse
.animation-direction-alternate
.animation-direction-alternate-reverse
But it would work probably only for single animations (see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction#syntax).
Define other types of helpers and utilities
TODO
Motivation and context
Originally discussed while trying to fix https://github.com/twbs/bootstrap/issues/38053 with https://github.com/twbs/bootstrap/pull/38081 and https://github.com/twbs/bootstrap/pull/38054.
See the thread starting from https://github.com/twbs/bootstrap/pull/38081#discussion_r1112185447.