背景图像变化不顺畅

Question

我正试图淡出一个div和一个背景图像，接下来改变背景图像并淡化新内容和新背景。但是image.jpg并不会平滑淡出，特别是当图像非常沉重时。帮助

.box {
  height: 50px;
  width: 50px;
  background: url('http://www.geek.com/wp-content/uploads/2013/08/planets-590x330.jpg');
  background-position: left top;
  background-size: 250px;
}