为什么奇怪的CSS背景图像转换发生？

Question

今天我遇到了一个有趣的事情。我有一个转换设置，可以在2个背景图像之间进行更改，但它有效，但结果很有趣。我用笔来说明这个问题：

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

这恰好与我想要完成的事情很吻合，但我不知道为什么会这样。如果有人能向我解释，我会很高兴。

Answer 1

我的假设是它正在应用两种背景图像尺寸之间的过渡。由于一个背景图像比另一个背景图像大，它将一个图像转换为另一个图像的尺寸，同时将其淡化。

要消除图像上高度/宽度的变换，只需使两个图像具有相同的尺寸。