javascript - 多个 Bootstrap 按钮无法顺利悬停

Question

我有多个 Bootstrap 按钮，悬停时它们的尺寸会变大，但是如果我一个接一个地悬停在它们上面，它就不流畅了。 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

为了使大小变化更流畅，将过渡 CSS 添加到您在悬停时更改的属性:.btn-custom { transition: height .25s, width .25s; }