2017-06-05 10 views
0

私は趣味の専門家として何もプロフェッショナルではない、 しかし、私は本当によく作られたウェブサイトを見つけた、私はそれが私が1つのdiv検索し、それを行う方法を見つけました)。マウスyの動きを伴う画像アニメーション

私は単純にGoogleではできなかったことは、それぞれの画像をマウスの動きで別々に動かす方法でした。これがちょうどCSSで実行可能かどうかわかっていないか、JavaScriptも使用する必要がありますか? (注:ほとんどすべてのjavascriptを知っている)。

ここにはウェブサイトがあります:https://buy.cosmicpvp.com/ 私が言及していたのはウェブサイトのトップ部分です。

+1

ようこそ。 **あなたが提供するコードのトラブルシューティングや手伝いをするためにここにいます。** [ツアー](https://stackoverflow.com/help)にアクセスし、[ヘルプセンター](https:// stackoverflow)を読んでください。 .com/help)どのように/どこに質問を投稿するか。 _Mouse Parallax_を検索すると、探しているものが得られます。 – Syfer

答えて

0

これは視差効果と呼ばれます。

質問のウェブサイトにはthis jQuery pluginが使用されているようです。 質問に答えるには、JavaScriptが必要です。

+0

すごい! それは私が必要としていたほとんどのものです、私は正確に私が提供したウェブサイトを再現したいと思います、私はJavaScriptを除いて、私はうんざりする方法にそれを得るためにコードで遊ぶことができます。水平なマウスの動きだけを動かすためにjavascriptを変更する必要があることを教えてもらえますか? –

+0

オプションオブジェクトで 'yparallax'を無効にします:' $( '#background')mouseParallax({moveFactor:5、yparallax :false}); – Cynigo

+0

助けてくれてありがとう、 しかし、残念ながらそれはうまくいきませんでした。 $( '#background')。mouseParallax({moveFactor:5、yparallax:false}); 何も変更されていないようです –

関連する問題