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

PR
ENTER ボタンをお押すことで内容が見れるようになる
エントランスページのデザインのアイディア
エントランスページだけを作って、コンテンツページへ移動させるタイプではなく
コンテンツが隠された状態で、ENTERを押すと コンテンツが現れるような仕組みです
(毎回表示させないようにするには、cookieを使ってやればいいかと思います)
ENTER ボタンを押すと
画面が上下に割れてコンテンツが現れます
また ENTER ボタンにカーソルを合わせると、画面全体が赤っぽくなり
ENTERボタンとラインも白く変色
レスポンシブには対応していないのですが
エントランスページの画像をimgで指定していますが
CSSのbackgroundでやれば レスポンシブで出来るんではないかと思います
コードをファイル形式でダウンロード
DOWNLOAD
PR
COMMENT