视差滚动背景图像自动缩放和缩小

想要放大缩小图像我试图从CSS和正常的jQuery函数效果onscroll，但不工作。视差滚动背景图像自动缩放和缩小

滚动我正在添加CSS进行缩放，但没有缩小。

任何帮助是极大的appriciated。

2014-10-27 Raman jaswal

在这里添加您的代码... – 2014-10-27 07:49:40

对于视差滚动效果，最好的办法是使用一个简单的CSS动画用3或4层，动画从0到100％的背景如本example或该one

@keyframes animatedBackground { 
    from { background-position: 0 0; } 
    to { background-position: 100% 0; } 
} 

animation: animatedBackground 80s linear infinite;

对于进出一个CSS动画变焦，这是不是一个真正的视差效果，它只是放大和缩小，为此，你可以使用容器元素上的CSS转变，如在this example

transition:All 1s ease; 
transform: scale(3) translateX(120px);

来源

2014-10-27 07:56:38

我想放大和缩小，但这个例子图像正在水平滚动。所以请你能告诉我我的背景图像如何放大和缩小 – 2014-10-27 08:16:16

我不确定你的意思是放大和缩小。 [this]（http://codepen.io/stefanjudis/pen/nrzHI）示例帮助你，它是一个垂直滚动 – 2014-10-27 08:18:49

你可以看到这个链接http://www.pushhere.com/我想要它相同。 – 2014-10-27 09:11:24

视差滚动背景图像自动缩放和缩小

回答

相关问题