센스 있는 원형 메뉴 예제 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>.

추천 웹사이트 모음 추천 즐겨찾기 링크 모음 블로그 디자이너들의 게시판 컨텐츠로 건너뛰기

카테고리

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

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