0

好的，所以我在图像上应用视差/刻痕效果，但我不相信我用来做这件事的方法有那么好。它在 webkit 浏览器上运行良好，但在 firefox 上不是很流畅，在 IE 中根本无法运行

这很简单，我在 div 中有一个背景图像，在窗口加载时，我应用了一个名为 pan 的类来更改背景位置。

有没有人对实现这种效果的方法有任何想法，这种效果将是平滑和很好的平移。

这是网站http://dev.touch-akl.com/xmas/

#banner{
  background-size: 100%;  
  background-attachment: fixed;
  background-repeat:no-repeat;
  background-position:0 0;
  padding-top:35.15625%;
  -o-transition-duration: 10s;
  -ms-transition-duration: 10s;
  -moz-transition-duration: 10s;
  -webkit-transition-duration: 10s;      
  }

有一次，我什至在 .pan 类上有一个小规模，它在 chrome 中看起来很棒，但在 Firefox 上更糟糕

  #banner.pan{
    background-position:0 160%;   
  }
4

1 回答 1

-1

这是 ken burn 效果的免费插件，您可以下载它

这是演示

于 2013-07-24T04:34:33.403 回答