前の記事 ≪:W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツール...
次の記事 ≫:色をベースにフリーの背景画像や色パターンが検索できる「ColRD」

ピュアCSS3で作られた「path.com」っぽい円形メニュー実装デモ

2011年12月07日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Path menu in pure CSS3

ピュアCSS3で作られた「path.com」っぽい円形メニュー実装デモ
path.comのメニューというのは次のようなもので、クリックするとアニメーションしながらビローンと開くようなものです



これをCSS3で実装したデモが公開されています。
アニメーションもしてJavaScriptも使っている気がしますがピュアCSS3とのこと。



気持よく動きます



スマホサイトに導入してみるといいかもしれませんね。

関連エントリ
関連の記事検索:CSS3, ナビゲーション, UI
スポンサード リンク

By.KJ : 2011年12月07日 10:02 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)