この甘いヘッダー アニメーション ( http://anchorage-theme.pixelunion.net/ ) を見て、このような効果をサイトに実装する方法を考えていました。私は html と css にかなり精通しており、javascript にも手を出しましたが、実際には深いところまでは入りませんでした。たぶん、ここが出発点です。
しかし、このヘッダーはどうすればよいでしょうか。
1 に答える
3
これはアニメーションではなく、パララックス スクロールと呼ばれる手法です。
アイデアは、3D テレビで使用される「視差」錯視を模倣して、スクロール中にページに奥行きの効果を追加することです (つまり、「背景」要素は「前景」要素よりも遅く移動します)。
ページのスクロール位置を使用して、さまざまな要素の位置、不透明度、回転、またはその他の属性を動的に設定し、この効果を実現します。
ここに簡単なチュートリアルがあります: http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique/
于 2012-11-22T18:18:00.370 に答える