海にダイビングする効果が綺麗なHTMLテンプレート「Above & Beneath」

今回は、海や川などに関係したサイトにぴったりなHTMLテンプレートを紹介します。

ランディングページやサイトのWebトップに使用してもお洒落になりそう。

ダイビング、サーフィン、フィッシング、環境ビジネスなどいろいろな場合の利用が考えられそうです。

背景画像や音などを変更すると、ほかの関係のWebサイトでも使えるかもしれません。（雲の上と雲の下など）

ちょっと感動ものですので、ぜひデモをご覧いただければと思います。

３つの違ったパターンの演出を見ることができます。

なお、CSS3仕様の一部である CSS transitions と animationsが使われてるので、古いブラウザでは動作しません。

右下にあるメニューアイコンをクリックすると、画面がスライドしてまるで水の中にダイブしたかのような演出のあと、メニューやコンテンツが表示されます。

音をオンにしてみるとさらに効果が高まります。

このテンプレートは次のリンクからダウンロード可能です。

このようなWebサイトがさくっと作れるなんて憧れます。テンプレートとして提供されているのがありがたいですね。

勉強にもなりますので、ソースを解析してみましょう。

Fullscreen Templete以前、背景にフルスクリーン画像を表示するjQueryを紹介しました。（参照「背景にフルスクリーン画像をスライダーで流す…

デザインをしていると、iPhoneやiPadなどのタブレット端末やMacのパソコンディスプレイなどの画像素材が必要な場合があるかもしれません。そこで、Phot…

クールで大きなスライダーが印象的なWordPressフリーテーマ「Corporattica V0.2」をご紹介します。企業や広告会社、デザイン会社などの企業の…

ぱんにゃっとTutorial