画面が分割されてコンテンツが表示されるWEBサイトのエントランスページのデザインのアイディア

画面が分割されてコンテンツが表示されるWEBサイトのエントランスページのデザインのアイディア
このエントリーをはてなブックマークに追加
PR
DEMO 表示

ENTER ボタンをお押すことで内容が見れるようになる

エントランスページのデザインのアイディア

 

エントランスページだけを作って、コンテンツページへ移動させるタイプではなく

コンテンツが隠された状態で、ENTERを押すと コンテンツが現れるような仕組みです

(毎回表示させないようにするには、cookieを使ってやればいいかと思います)

 

ENTER ボタンを押すと

画面が上下に割れてコンテンツが現れます

また ENTER ボタンにカーソルを合わせると、画面全体が赤っぽくなり

ENTERボタンとラインも白く変色

 

レスポンシブには対応していないのですが

エントランスページの画像をimgで指定していますが

CSSのbackgroundでやれば レスポンシブで出来るんではないかと思います

 

コードをファイル形式でダウンロード

DOWNLOAD
PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)