CSS3背景图片淡入淡出效果

Question

我想用淡化效果交换背景图片，我试过这个：

    -webkit-transition: background 300ms ease-in 200ms;
    -moz-transition: background 300ms ease-in 200ms;
    -o-transition: background 300ms ease-in 200ms;
    transition: background 300ms ease-in 200ms;

并幻灯片而不是淡出。我应该改变什么？

提前致谢

Answer 1

嗯我也在寻找这个与CSS3有关的效果但是没有找到运气！会跟进你的问题。我用jQuery解决了这个问题！有很多插件可供选择。您可以查看THIS页面。希望它可以帮到你。

Answer 2

你不能真的，通过过渡你会说“如果属性x改变，确保它需要几秒钟并使用z动画，延迟它用n”

因此，如果您更改背景位置，背景将滑动到该位置。 如果你想要它消失你应该使用两个不同的元素并改变两者的不透明度