複数のブートストラップボタンがスムーズにホバーしません

複数のブートストラップボタンがあり、ホバーオーバー時にサイズが大きくなりますが、その上にマウスを重ねるとスムーズではありません。 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; 
}

は、どのように私はそれがスムーズに波のように上にマウスを移動することができますか？

出典

2017-01-24 passion

は '.btnカスタム{トランジションを追加します。 25s; } '？ http://jsfiddle.net/vmu7y3gz/3/ –

@MichaelCokerの回答がそこに下がります。 – isherwood

@marcel、何がスムーズでないの？希望の効果をより明確に説明するために質問を編集してください。現在のところ、トランジションやトランスフォーメーションを使用していないようです。 – isherwood

サイズはあなたがホバーに変更しているプロパティに遷移CSSを追加し、より流動的に変更するには：高さ.25s、幅：.btn-custom { transition: height .25s, width .25s; }

出典

2017-01-24 21:51:19

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

使用ブートストラップボタンのグループとあなたのCSSのホバーセクションに上記を追加します。
時間を調整して平滑化します。ここに私のバイオリンは、次のとおりです。http://jsfiddle.net/rayk216/v98s8wf5/

出典

2017-01-24 20:12:17

複数のブートストラップボタンがスムーズにホバーしません

答えて

関連する問題