Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[Web Design] Fixed Background Effect – ブラウザウィンドウの縦幅100%ごとにスクロールするエフェクト

  • Pocket
  • このエントリーをはてなブックマークに追加

ブラウザウィンドウの縦幅いっぱいに背景を表示し、アンカーリンクによって緩やかにスクロールするエフェクト。こちらからデモページを見る事ができます。最近じゃAppleとかもよく使う手法ですね。JSライブラリにはjQueryが使われているようです。ソースコード落としてみて分かったんですが、これあいぽんの部分透過PNGじゃないんですね。スクロールによってあいぽんディスプレイ内の情報も変化してますが、なるほどこういう手法でやってんのねーと感心しました。印象的なLP作る際なんかに使えそうです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください