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

PR
DEMO 表示

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

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

 

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

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

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

 

ENTER ボタンを押すと

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

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

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

 

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

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

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

 

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

DOWNLOAD
PR

COMMENT

コメントを残す

PR

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

WDG WEB DESIGN GALLERY ウェブデザインギャラリー