css3覆盖transition-timing-function

时间:2015-04-22 09:15:46

标签: twitter-bootstrap

如何禁用' transition-timing-function'效果在css3

我正在使用twitter bootstrap手风琴效果。当我点击第一个标签时,项目从右到左。

有没有办法去除效果。

.collapsing{
  position:relative;
  height:0;
  overflow:hidden;

 -webkit-transition-timing-function:ease;
 -o-transition-timing-function:ease;
 transition-timing-function:ease;

 -webkit-transition-duration:.35s;
 -o-transition-duration:.35s;
 transition-duration:.35s;

 -webkit-transition-property:height,visibility;
 -o-transition-property:height,visibility;
 transition-property:height,visibility
}

enter image description here

1 个答案:

答案 0 :(得分:1)

如果你的意思是转换效果,那么我建议

#accordion-id {
    transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
}

溶液。

因为transition-timing-functiontransition-durationtransition-property类似于transition的子属性。

我从MDN显示

获取语法
[ none | <single-transition-property> ] || <time> || <timing-function> || <time> ]

作为CSS中的转换属性语法。

注意:未测试供应商前缀。