twitter/bootstrap — Issue #1229: Set CSS transition duration to 0 for .btn:active [2.0-wip]
Author: nicknotfound
Created: 2012-01-26 03:15:10+00:00
State: open

The default button transition on `:hover` looks great, but most people won't see the `:active` (click) transition because a natural mouse click doesn't last long enough (0.2 seconds). In other words, to see the `:active` state of a `.btn`, you have to hold the mouse down long enough for the transition to complete.

It's possible to keep the animated transition on `:hover` and to make the button transition to the `:active` state instantaneously by setting the `:active` CSS transition duration to zero. E.g.:

```css
.btn:active {
transition: 0;
}
```

I think this provides a more responsive button style and will make the visual "click" state visible to everyone.