z-index elastic remove after mouseleave

Question

私のオブジェクトを他のものより少しスケールする必要のあるアニメーションを作成しようとしています。そして私は最初の計画でそれを動かすためにz-indexを増やしています。

問題はマウスが離れる瞬間に表示されます。私のスケールアニメーションはトランジションで終了しますが、すぐにz-indexが消えます。そして、それはいくらかの移行でそれを消滅させることが可能ですか？私は "はスケールダウン終了後のzインデックスを削除" したい

http://jsfiddle.net/JJ3v4/3/

：ここ

はデモとフィドルです。

Answer 1

解決策が見つかりました。実際には、コンポーネントに最初にz-indexを設定することができます。デモの場合

私はフィドルのリンクをいくつかの問題があったz-index: 0.Insideにセレクタ

http://jsfiddle.net/n4buse9u/