円状のメニューを生成できるサイト「Pie Menu Generator」!

2016/07/24

こんにちは。
今回は円状のメニューを生成できるサイト「Pie Menu Generator」!です。

変わったナビゲーションを作る時に便利な、円形のメニューを作成する事ができるジェネレーターを紹介します。

円状のメニューを生成できるサイト「Pie Menu Generator」!

Pie Menu Generator

pie-menu-generator

http://pmg.softwaretailoring.net/

 

「Pie Menu Generator」の使い方

pie-menu-generator2

「Items」でメニューの数、「Slice」でメニューの形、「Spreader」でメニューの開閉の有無や形、「Marker」でマーカーを選択します。
更に「Clockwise」で右回りに、「Icon」でアイコンの有無、「Rotate」でクリックした時の回転、「Partial」で半円に、「Splash」で表示時にアニメーションするかどうか、「Tooltips」でツールチップの有無を設定できますよ。

 

pie-menu-generator3

設定が完了したら、下部にHTML、JavaScript、CSSのコードが生成されています。

 

現場のプロが教える WEBデザイン 新・スタンダードテクニック37
現場のプロが教える WEBデザイン 新・スタンダードテクニック37

 

いかがでしたか。サークル状の変わったメニューを取り入れてみてはどうでしょうか。
以上で円状のメニューを生成できるサイト「Pie Menu Generator」!でした。

Related Post

topへ戻る