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;      
  }

ある時点で、クロムでは見栄えが良いが、Firefoxではさらに悪い.panクラスの小さなスケールさえありました

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

1 に答える 1

-1

ケン・バーン・エフェクト用の無料プラグインをダウンロードできます。

ここにデモがあります

于 2013-07-24T04:34:33.403 に答える