ボタンをクリックで全画面にログインフォームを表示するアイディア Fullscreen Login

ボタンをクリックで全画面にログインフォームを表示するアイディア Fullscreen Login0
このエントリーをはてなブックマークに追加
PR

Fullscreen Login
By Tom Champion

See the Pen Fullscreen Login by Tom Champion (@littlefishcreate) on CodePen.

DEMOとコード http://codepen.io/littlefishcreate/pen/odJip

Go Fullscreenというボタンをクリックすると、ログインフォームが全画面に羊皮される仕組みです、ログインフォームは右上のペケで消せる用になっています。

仕組みはシンプルに、position: fixed;を使って全体を覆うようにして、z-indexで最前にくるようになっています。フェードイン・フェードアウトはjavascriptの方で設定されています

PR

COMMENT

コメントを残す

PR

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

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

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

Twitter Facebook Google+ Feedly RSS

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