画像は最初のホバーで点滅します。変形：縮尺（Firefoxのみ）

Question

編集：問題は実際にはfirefox bugと思われます。

効果は単に画像を拡大すべきであるが、FFにおける最初のホバーに点滅は（使用CTRL + F5を再生します）。最新のFF（45.0.1）でテスト済みです。 ChromeとIE10では問題ありません。

これはFFのバグか、正しく処理していないかのいずれかです。いずれにせよ、私はこれを解決する方法を知りたいです。

はところで：私は単にjsfiddleまたはcodepenリンクを使用していたが、私はまったく同じコードで行動が再現することができませんでした。 （編集：しかし、HTMLファイルにこのコードを使用して、直接それが再現可能になります。）

CSS

.image-box { 
    position: relative; 
    overflow: hidden; 
} 

.image-box .zoom { 
    position: absolute; 
    backface-visibility:hidden; 
} 

.image-box .zoom ~ img { 
    position: absolute; 
    backface-visibility:hidden; 
    max-width: 100%; 

    -webkit-transition:all .5s; 
    -moz-transition:all .5s; 
    transition:all .5s; 
} 

.image-box:hover .zoom ~ img { 
    -webkit-transform:scale(1.3); 
    -moz-transform:scale(1.3); 
    transform:scale(1.3);  
} 

HTMLは

<div style="width: 221px; height: 147px;" class="image-box"> 
    <div style="width: 221px; height: 147px;" class="zoom"></div> 
    <img src="http://media.moddb.com/images/mods/1/22/21735/grizzly3-300x200.jpg"> 
</div> 

Answer 1

バグのようですし、私はいずれかを見つけることができませんでした今のところ良い修正だが、コンテナより少し狭いイメージをロードできる場合は、transitionが期待通りに動作するようだ。