javascript - JS动画缩放背景图像

Question

我想重复这个效果： http ://www.google.com/cultureinstitute/#!home （在 chrome 中查看，图像在 2-3 秒后开始缩放）

我尝试使用 jquery animate 和 background-size 属性来做到这一点：

$(document).ready(function(){
  $('.bg').animate({'background-size':'105%'}, 5000)
})

但是图像在每个流行的浏览器中都会退缩

感谢任何帮助

score 1 · Accepted Answer

如果您使用内联图像而不是背景图像，它应该会更平滑。使用 z-index 解决内容重叠问题。

因此，您将改为为 img 设置动画：

$(document).ready(function(){
  $('.bg').animate({'width':'105%'}, 5000);
})

1 回答 1