このサイト http://www.tokiolab.it/のナビゲーションとロゴのテキストが、スクロールするとどのように色が変わるかを調べてみました。
別のセクションに移動したときに簡単に色を変更できますが、このサイトでは、スクロールするとテキストとロゴが半分黒で半分白、またはその逆になるポイントがあります。
ある種の透明な背景を使用しているようですか？この効果を得る方法についてのアイデアはありますか?
質問する
3539 次
1 に答える
1
この用語は「視差」と呼ばれます
tokiolab の Web サイトで、次の画像が使用されていることがわかります。
- http://www.tokiolab.it/img/en_nav_portfolio.png
- http://www.tokiolab.it/img/en_nav_contatti.png
- http://www.tokiolab.it/img/en_nav_mission.png
彼らは視差のような効果を使用してこれらの画像を異なる「レイヤー」に配置しているため、下にスクロールすると、実際には別のレイヤーの異なる背景画像であるのに、画像の色が変化しているように見えます。
次のようないくつかの異なるプラグインを使用できます。
- http://www.ianlunn.co.uk/plugins/jquery-parallax/
- http://johnpolacek.github.com/scrollorama/
- http://www.davecranwell.com/content/jquery-scroll-parallax-plugin
- http://curtain.victorcoulon.fr/#intro
- http://joelb.me/scrollpath/
ちょっといじる必要があるかもしれませんが、上位のいくつかは正しい方向に進むことができます!
于 2012-05-19T04:42:50.620 に答える