منو وب سایت

منوی های فانتزی

چند نکته یواشکی

  • این منوها رو من تقریبا سه سال پیش ساختم پس از لحاظ performance تاییدشون نمی کنم. صرفا اینجا برای دوستان معرفی شده تا ایده بگیرند. البته بهینه کردنشون هم کاری نداره به مرور وقت کنم درستشون می کنم.
  • من طراح نیستم. این ها رو اون زمان تصویرشون رو دیدم و یا یهویی از یه جایی ایده گرفتم و به HTML و CSS تبدیل کردم.
  • استفاده از این منوها در هر گونه پروژه ای کاملا آزاده.

 

1. Glass Menu

 

See the Pen Menu by Mojtaba Seyedi (@seyedi) on CodePen.


 

2. Khafan Menu

 

See the Pen Khafan Menu by Mojtaba Seyedi (@seyedi) on CodePen.

 

3. Combadi Navigation

 

See the Pen Navigation by Mojtaba Seyedi (@seyedi) on CodePen.


 

4. Hidden Navigation

 

See the Pen Hidden navigation by Mojtaba Seyedi (@seyedi) on CodePen.


 

5. Toggle Menu

 

See the Pen Toggle menu by Mojtaba Seyedi (@seyedi) on CodePen.


 

6. Flat Navigation

 

See the Pen Flat Navigation by Mojtaba Seyedi (@seyedi) on CodePen.


 

7. Ribbon Menu

 

See the Pen Ribbon Menu by Mojtaba Seyedi (@seyedi) on CodePen.

 

8. Shader Menu

 

See the Pen Shader Menu by Mojtaba Seyedi (@seyedi) on CodePen.


 

9. Steering Menu

 

See the Pen Steering menu by Mojtaba Seyedi (@seyedi) on CodePen.


 

10. Quick Menu

 

See the Pen Quick Menu by Mojtaba Seyedi (@seyedi) on CodePen.

 

11. Share Menu

 

See the Pen Share menu by Mojtaba Seyedi (@seyedi) on CodePen.

 

شما هم منوهای جالبتون رو می تونید اینجا معرفی کنید.

  • milad

    آقا دمت گرم حال کردم ، کامل واضح و دقیق بود

  • خییییلی خوب بود.
    ممنون جناب سیدی

  • من شماره 9 یعنی Steering Menu رو خیلی پسندیدم

  • عباس عجمی

    عالی بود ، همه منو ها بستگی به موقعیت استفاده آن ، کاربردی هستند

  • بسیار منو های زیبا و کاربردی هستند.
    ممنون از زحمات شما.

  • َشاهین

    تشکر، جالب بود.

    این روزا از طرح های متریال هم خیلی استفاده می کنند.

  • زهرااسلامی

    عالی بود . از مطالب بسیار مفیدتون مچکرررررم . همه منو ها عالی و کاربردی هستن من 7 رو بیشتر دوست داشتم

  • ممنون از همه دوستان 🙂

  • دمت گرم لذت بردیم

  • Essi

    شماره های 1,3,5,9

    اینم لینک منوی بنده:

    Live view: http://codepen.io/ehsanamiri9214/live/KVNXMb
    Editor view: http://codepen.io/ehsanamiri9214/pen/KVNXMb

  • امیر

    خدایی هیچی ندارم بگم…رفیقم هی میگه css 3 خیلی فراتر از اون چیزیه که ما فک میکنیم…من محل نمیذاشتم…الان میفهمم چی میگه

  • بسیار عالی