CODEWITHSUNDEEP
twitter-bootstraptwitter-bootstrap-rails
Pierre
Pierre

Reputation: 8348

How can I make Twitter Bootstrap modal animation faster?

I really like the Twitter Bootstrap modal, but showing it with the animation is a bit slow. I'd say around 500ms.

Is there a way to make it faster? I looked in bootstrap-modal.js but couldn't find anything compelling that could help.

And, I don't want to deactivate the animation completely because I've found out that it's a good trick to make response times seem faster in the eyes of the user ;o)

Upvotes: 16

Views: 28558

Answers (2)

tipos
tipos

Reputation: 432

Slide animation can be changed by modifying .modal.fade .modal-dialog in bootstrap.css as suggested here: Modify Bootstrap Modal Transition

Quite late to the party, however this question is the first search result in google, and question hasn't really been answered. So, I thought this might help someone. Cheers!

Upvotes: 1

albertedevigo
albertedevigo

Reputation: 18411

You can manipulate the .fade class as explained here:
How can I change the speed of the fade for alert messages in Twitter Bootstrap?

Upvotes: 9

Related Questions