jquery - 是否可以使Twitter Bootstrap Dropdown菜单淡入？

我正在尝试使Twitter Bootstrap上的标准导航栏下拉菜单淡入而不是仅仅出现。我试过添加fade和in类，但它似乎没有消失。这是我的小提琴http://jsfiddle.net/byronyasgur/5zr4r/10/。

我已经尝试过另一种方式-例如this question上的答案，但是由于某种原因，我无法使用jquery定位下拉触发器。

最佳答案

玩这个，看起来CSS动画效果最好。

.open > .dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration:.2s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:.2s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.2s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

您可以添加其他CSS属性，以制作更复杂的动画。例如，我一直在玩left：-30-> left：0。

关于jquery - 是否可以使Twitter Bootstrap Dropdown菜单淡入？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13829805/