With Bootstrap 3.0, there seems to be a bug with Chrome.
I've tried the following CSS, targeting the ID of the collapsed DIV:
```css
#collapsed-div {
-webkit-transition: height 0.6s ease;
transition: height 0.6s ease;
}
```
but the result is that the transition happens twice when using Chrome,
although it works fine when using Firefox.
Notice that the button moves up and down twice when you expand, and the
transition is instant when closing.
I've created this on bootply to demonstrate: http://bootply.com/80223
On Tuesday, May 1, 2012 12:56:10 AM UTC-7, Barry vd. Heuvel wrote:
>
> Transitions are done with CSS, not with javascript.
>
> Look at component-animations.less, or search the css for transition
>
> LESS code:
> .fade { .transition(opacity .15s linear); opacity: 0; &.in { opacity: 1; }
> } .collapse { .transition(height .35s ease); position:relative;
> overflow:hidden; height: 0; &.in { height: auto; } }
>
> You can change the speed bij changing the 0.15s of 0.35s. When you have
> compiled css, you have to change more occurences, because of the prefixes.
>
> On Tue, May 1, 2012 at 08:42, Stoosh <[email protected]
> <javascript:>>wrote:
>
>> Hello,
>>
>> I was wondering if you can change the speed of the transitions for
>> plugins such as collapse, I find for some UI elements they just show/hide
>> too fast.
>>
>> Looking through the collapse.js and transition.js, and doesn't look like
>> it's possible just thought there might've been a way :)
>>
>> Thanks
>> Michael
>>
>
>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
