CSSでゲームのような円形メニューを作るサンプル:phpspot開発日誌

Stu Nicholls | CSSplay | A circular menu with circular sub menus CSSでゲームのような円形メニューを作るサンプル。 次のような、可愛い円形メニューが作れます。 アイコンにカーソルを合わせると、「HOME」といったメニュー内容が表示されるため、迷うことなく使えそう。 鉛筆にカーソルを合わせると、追加で２つのアイコンが表示され、次のアクションにいけます。 人型のアイコンにカーソルを合わせると、４つのアイコンが表示。 メールアイコンにあわせると次のアクションとなる４アイコンが表示。 という感じで、なかなかユニークなナビゲーションで、触っているだけでもなんとなく楽しい感じがします。 実装すると、それだけでアイデアの利いたサイトだなぁと思われそう。 こうした枠の幅を最小限にしてすべての項目を見せつつスマートに配置できるという点でＵＩと

[takuma1021]

CSS

[nana392]

どう見ても聖剣だよなぁ…

[kujoo]

お遊びとしては良いかも。でも、やるならFlashものにした方がよくない？

[utanaka]

ユーザビリティをある程度無視していいサイトを作る時に使いたいです。

[efcl]

聖剣伝説みたいな円形メニュー。 これかわいいな。

[fuji_hiro]

Webデザイン CSS

[a2de]

聖剣伝説２だね

[psychedesire]

なんだっけ。セーケンデンセツ！sklaunchってランチャーアプリとか思い出す。

[miracle1998]

かわいい

[suzuki107]

またトリッキーな事をw

[phista]

ほえー面白いなぁ。聖剣伝説のリングメニュー(だっけ？)を思い出したｗ

[y-kawaz]

面白いけど使いやすいかは疑問

[mitchikeuchi]

CSSでゲームのような円形メニューを作るサンプル。次のような、可愛い円形メニューが作れます。

[rin51]

こういったシャレた物を置こうとしても自分のサイトが10年前のデザインなので悲しい