Inger wrote:
Yes, absolutely.
Transitions are under the Effects tab. To make a transition you need two states. Hover is a good example. Set the state of a button to regular In State and adjust the opacity to 50%. Then change the state of the button to hover and adjust it to 100%. Then while still in the hover state add a transition. Target only the opacity instead of all. Pick your transition, ease, linear, ease-in-out, ease-in, or ease-out. Set duration and a delay if needed.
Now the button will go from 50% opacity to 100% opacity.
It would be nice if they added the additional cubic-bezier also but ease-in should get you close with a adjustment to the duration.
You can also add states to the list of In State by creating a Dynamic Class of your own. Then toggle that class with a button that has data-toggle. You can also target multiple id's at once with data-toggle, just remember that none of the id's can have a dash in the name, like sub-nav or it will not work.
You can add your transform translate rotate thing in to a transition also. Just need two states to transition from and to.
Bootstrap 5 CSS Grid.