【问题标题】:Why is strange CSS Background image transition happening?为什么会发生奇怪的 CSS 背景图像转换?
【发布时间】:2013-04-30 21:32:14
【问题描述】:

我今天在 chrome 中遇到了一件有趣的事情。我设置了一个过渡设置来在 2 个背景图像之间切换,它可以工作,但结果很有趣。我做了一支笔来说明这个问题:

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

它恰好符合我想要完成的目标,但我不知道为什么会这样。如果有人可以向我解释一下,我会很高兴。

【问题讨论】:

  • 也许您可以解释一下“有趣的结果”是什么,并在您的问题中包含一些代码,以便如果该链接失效,这个问题仍然对人们有用吗?
  • 好的,图像看起来像爆炸一样,因为它会更改为下一个图像。现在只发生在 chrome 中。代码很长,但本质上是从较小的背景过渡到较大的背景。

标签: css background-image transition


【解决方案1】:

我的假设是它在两个背景图像大小之间应用了过渡。由于一张背景图片比另一张大,它会将一张图片转换为另一张图片的尺寸,同时将其淡出。

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

【讨论】:

  • 这很好;我希望您是对的,不过我确实喜欢这种效果,所以我想我会保留它,但感谢您的解决方法!
猜你喜欢
  • 1970-01-01
  • 2019-06-23
  • 2017-07-25
  • 1970-01-01
  • 1970-01-01
  • 2011-06-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多