背景图像之间的平滑过渡

时间:2015-05-09 20:25:32

标签: javascript jquery

所以,我创建了这个脚本,背景在你向下滚动页面的位置变得越来越远,但是我想要它,所以每个图像之间都有一个过渡。因此,当您从一个图像滚动到下一个图像时,它会慢慢淡入下一个图像。有点像视差。

JS:

idle=<nil>, kernel=<nil>, user=<nil>

感谢任何解决方案(:

1 个答案:

答案 0 :(得分:1)

最简单的解决方案是通过CSS:

body {
    transition: background-image 0.5s ease-in-out;
}

编辑:我的回答可能有点为时过早,因为这不是一个跨浏览器的解决方案。更好的方法是使用transition: opacity 0.5s;使用具有不同背景图像的两个div。虽然这个解决方案中涉及了更多的javascript。