센스 있는 원형 메뉴 예제 14개

기존의 메뉴를 탈피해서 원형의 메뉴로 구성할 생각 중이신 분들께 영감을 얻을 수 있을만한 원형 메뉴 예제입니다.
인터렉션들도 가지고 있기 때문에 여러모로 영감을 얻을 수 있으리라 생각됩니다.

Circular Menu

See the Pen <a href="https://codepen.io/seyedi/pen/YXEqwB/">Circular Menu</a> by Mojtaba Seyedi (<a href="https://codepen.io/seyedi">@seyedi</a>) on <a href="https://codepen.io">CodePen</a>.<br />
Circular Spinning Menu

See the Pen <a href="https://codepen.io/jet/pen/LwiGu/">Circular Spinning Menu</a> by Marcel Lindig (<a href="https://codepen.io/jet">@jet</a>) on <a href="https://codepen.io">CodePen</a>.
Circular Menu

See the Pen <a href="https://codepen.io/zraju/pen/QbLNEL/">Circular Menu</a> by Raj Mahajan (<a href="https://codepen.io/zraju">@zraju</a>) on <a href="https://codepen.io">CodePen</a>.
Widget spinner

See the Pen <a href="https://codepen.io/tknomad/pen/JhqdD/">Widget spinner</a> by Ildar Sagdejev (<a href="https://codepen.io/tknomad">@tknomad</a>) on <a href="https://codepen.io">CodePen</a>.
circular links menu (responsive)

See the Pen <a href="https://codepen.io/rachsmith/pen/alnzE/">circular links menu (responsive)</a> by Rachel Smith (<a href="https://codepen.io/rachsmith">@rachsmith</a>) on <a href="https://codepen.io">CodePen</a>.
Animated radial / circular menu

See the Pen <a href="https://codepen.io/CreativePunch/pen/lAHiu/">Animated radial / circular menu</a> by Creative Punch (<a href="https://codepen.io/CreativePunch">@CreativePunch</a>) on <a href="https://codepen.io">CodePen</a>.
Radial menu

See the Pen <a href="https://codepen.io/bartoloxs/pen/nDgcq/">Radial menu</a> by Carlos (<a href="https://codepen.io/bartoloxs">@bartoloxs</a>) on <a href="https://codepen.io">CodePen</a>.
CSS Gooey Menu (Version 2)

See the Pen <a href="https://codepen.io/lbebber/pen/RNgBPP/">CSS Gooey Menu (Version 2)</a> by Lucas Bebber (<a href="https://codepen.io/lbebber">@lbebber</a>) on <a href="https://codepen.io">CodePen</a>.
Circular menu

See the Pen <a href="https://codepen.io/didac/pen/ZKZpmQ/">Circular menu</a> by Mariano J. (<a href="https://codepen.io/didac">@didac</a>) on <a href="https://codepen.io">CodePen</a>.
Circular Menu

See the Pen <a href="https://codepen.io/maskedcoder/pen/zqgpr/">Circular Menu</a> by Andrew Myers (<a href="https://codepen.io/maskedcoder">@maskedcoder</a>) on <a href="https://codepen.io">CodePen</a>.
Gooey Menu

See the Pen <a href="https://codepen.io/lbebber/pen/LELBEo/">Gooey Menu</a> by Lucas Bebber (<a href="https://codepen.io/lbebber">@lbebber</a>) on <a href="https://codepen.io">CodePen</a>.
Colourful Flower Popup Menu

See the Pen <a href="https://codepen.io/jasperlachance/pen/yOJdRr/">Colourful Flower Popup Menu</a> by Jasper LaChance (<a href="https://codepen.io/jasperlachance">@jasperlachance</a>) on <a href="https://codepen.io">CodePen</a>.
Simple radial menu

See the Pen <a href="https://codepen.io/suez/pen/vAais/">Simple radial menu</a> by Nikolay Talanov (<a href="https://codepen.io/suez">@suez</a>) on <a href="https://codepen.io">CodePen</a>.
Circular menu

See the Pen <a href="https://codepen.io/logrithumn/pen/yMwYXX/">Circular menu</a> by Kostadin (<a href="https://codepen.io/logrithumn">@logrithumn</a>) on <a href="https://codepen.io">CodePen</a>.

카테고리

Circular Menu

Circular Spinning Menu

Circular Menu

Widget spinner

circular links menu (responsive)

Animated radial / circular menu

Radial menu

CSS Gooey Menu (Version 2)

Circular menu

Circular Menu

Gooey Menu

Colourful Flower Popup Menu

Simple radial menu

Circular menu