サイト内検索:

CSS transformsによる3D fold-inメニューのテスト

A UI experiment with a 3D fold-in menu. Move your mouse to the left edge of this page -- or swipe in from the left edge if you're on a touch device -- to expand the menu.

おお、これは面白い。

言葉ではちょっと説明できないので、モダンブラウザで以下のサイトにアクセスして、左側の矢印あたりにマウスをもっていってください。にゅっとメニューが表示されます。

Meny - CSS 3D fold-in menu concept

で、なんかこれ、いろんなサイトでも使えそうで、

http://lab.hakim.se/meny/? のあとになんかURLをつなげると、上のデモのようなことが普通のサイトでもできます。

例えばモダシンのブログのURLをつなげてみましたので、どうなるかご覧下さい。

http://lab.hakim.se/meny/?http://www.aivy.co.jp/BLOG_TEST/nagasawa/

これはまじにサイトに組み込んでみたくなるUIですな。

blog comments powered by Disqus

2011年アルファブロガー受賞

新着DVD

モバイル

Powered by Movable Type 6.1.2

ブログ内検索

BlogPeople ReviewMe!

このサイトのレビューとか応援コメントを書いてもらえると励みになります。

Affi☆List for Amazon

バナー広告

このブログ記事について

このページは、nagasawaが2012年8月 6日 19:57に書いたブログ記事です。

ひとつ前のブログ記事は「WordPressのインストールが終わった後にするべき7つのこと、というのはどうでもよくて・・・。」です。

次のブログ記事は「デスクトップ・メールアプリからOutlook.comを使う設定」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。