CSSトランジションを削除するborder-radiusプロパティ

Question

親ステートをホバーするときに内側の要素を拡大縮小するCSSトランジションを作成しています。

ただし、親には実際のホバー自体に強制されないborder-radiusプロパティがあります。ユーザーが要素をホバリングしているときは、ボーダー半径は表示されません。

私はオーバーフローと関係があるとわかりましたが、私は親が子どもよりも高く、運がなかったためにz-indexを持っていました。

マイフィドル： https://jsfiddle.net/muLhkx9m/1/

Answer 1

あなたの問題は、トランジションや背面の可視性を持つ既知のバグです。スケールの遷移は、多くの場合、正常に機能するために、1つ以上「のブラウザハック」が必要 - - は、具体的には、それが■は要素に、私はあなたのフィドルにこれを追加した

-webkit-backface-visibility: hidden; 
-moz-backface-visibility: hidden; 
-webkit-transform: translate3d(0, 0, 0); 
-moz-transform: translate3d(0, 0, 0); 

で、どのように自分自身でそれをチェックします作品：

Your Updated Fiddle