カードがクルッと回転して裏面の項目がが表示される ログインフォーム Flipping login form

カードがクルッと回転して裏面の項目がが表示される ログインフォーム Flipping login form
このエントリーをはてなブックマークに追加
PR

Flipping login form
By SomeStuffer

See the Pen Flipping login form by SomeStuffer (@SomeStuffer) on CodePen.

http://codepen.io/SomeStuffer/pen/xyiJn

一見通常のログインフォームなのですが、restore password とうところをクリックするとクルッと回転して裏面にある入力フォームが現れる仕組みです、裏面のBackをクリックすると元のログインフォームに戻ります

一部だけjQueryでクラスの追加と削除をするようになっていますが殆どCSSで完結しています

普通に使えそうなデザインとアイディアでいいですね。

PR

COMMENT

コメントを残す

PR

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

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

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

Twitter Facebook Google+ Feedly RSS

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