css - なぜ変なCSSの背景画像遷移が起こっているのですか?

Question

今日、クロムで面白いことに出くわしました。2 つの背景画像を切り替えるようにトランジションを設定しましたが、機能しますが、興味深い結果が得られました。問題を説明するためにペンを作成しました。

http://codepen.io/anon/pen/LmkJG

それはたまたま私が達成しようとしていたこととよく一致していますが、なぜこれが起こっているのかわかりません。どなたか解説していただけると嬉しいです。

Answer 1

私の推測では、2 つの背景画像サイズの間でトランジションを適用していると思います。一方の背景画像が他方よりも大きいため、一方の画像を他方の画像の寸法に変換すると同時にフェードアウトします。

画像の高さ/幅の変換をなくすには、両方の画像を同じ寸法にします。