Skip to content
GitLab
Open
Issue created by Julien Déramond@julien-deramondContributor2 of 2 checklist items completed2/2 checklist items

Transition and animation helpers/utilities

Prerequisites

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.