2

Twitter Bootstrap とのかなり厄介な競合が発生しています。

ボタンの上にマウスを置くと、ホバーアウト時にのみ CSS トランジションが再生されます。

これが私のCSSです：

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}

.btn-click-me {
    color: white !important;
    background: black !important;
    -webkit-transition: background linear 350ms;
}

.btn-click-me:hover {
    background: white !important;
}

動作中の JFiddle デモはここで見ることができます: ここで見られるように: http://jsfiddle.net/MgcDU/3805/

4

2 に答える 2

0

ホバーインとホバーアウトの遷移を確認したい場合は、オーバー状態でも遷移を追加してください: http://jsfiddle.net/MgcDU/3821/

CSS

    @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

.container {
    margin-top: 10px;
}

.btn-click-me {
    color: white;
     -webkit-transition: background linear 350ms;
    background: black;

}

.btn-click-me:hover {
 -webkit-transition: background linear 350ms;
    background: white ;
}
于 2013-05-02T22:03:46.257 に答える