多个引导按钮不能平滑地悬停在上面

Question

我有多个引导按钮，当它们悬停在它们上方时它们的大小会变大，但是如果我一个接一个地将它们悬停在它们上面，那就不顺畅了。 Here is the jsfiddle.

ol, ul {
    margin-top: 13px;
    margin-bottom: 16px;
}
ul#mylist li {
    display:inline;
    text-align:center;
}
ul#mylist li i {
    display: block;
}

ul#mylist li:last-child {
    margin-right: 0;
}

如何让它像波浪一样平滑地悬停？

Answer 1

-webkit-transition: width .10s ease-in-out 

使用Bootstrap按钮组并添加以上内容 到你的css的悬停部分。
调整时间以使其平滑。这是我的小提琴：http://jsfiddle.net/rayk216/v98s8wf5/

Answer 2

要使尺寸更改更流畅，请将转换CSS添加到您在悬停时更改的属性：.btn-custom { transition: height .25s, width .25s; }