15 نمونه منو موبایل با CSS

15 نمونه منو موبایل با CSS

15 نمونه منو موبایل با CSS

در این مطلب قصد  داریم مجموعه ای بی نظیر از منو موبایل که با استفاده از html و css ساخته شده است را معرفی نماییم. در ادامه می توانید این مجموعه بی نظیر و کدهای اماده آن را دانلود کنید و در وب سایت خود استفاده کرده از آن لذت ببرید.

طراح: Geoffrey Crofte – August 3, 2018                                      نوشته شده با: HTML / CSS / JavaScript

دمو و کد

درباره کد

ANIMATED MOBILE MENU

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:


طراح: Mel Shields – July 31, 2018                                      نوشته شده با: HTML / CSS

دمو و کد

درباره کد

CSS MOBILE NAVIGATION

این منو از الگوی “Pure CSS Hamburger Fold-Out Menu” که توسط Erik Terwan طراحی شده، الهام گرفته است.

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Stas Melnikov – February 12, 2018                                      نوشته شده با: HTML / CSS / JavaScript

دمو و کد

درباره کد

MOBILE MENU ANIMATION

این منو در تلفنهای همراه بسیار عالی کار می کند. دکمه همبرگری مانند منو به نحوی طراحی شده است که با هر دو دست چپ و راست به راحتی می توان کلیک نمود

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Kyle Lavery – January 23, 2018                                      نوشته شده با: (HTML (Pug) / CSS (SCSS) / JavaScript (Babel

دمو و کد

درباره کد

MOBILE MENU CONCEPT

این منو با الهام گرفتن از ایده و حالت راهنمای وب در گوشی آیفون X طراحی شده است: https://dribbble.com/shots/3851367-iPhone-X-Web-Navigation-Idea

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: tiffany choong – October 19, 2017                                      نوشته شده با: (HTML / CSS (SCSS

دمو و کد

درباره کد

MAGICAL MOBILE MEGA MENU

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Max Böck – May 17, 2017                                      نوشته شده با: (HTML / CSS (SCSS) / JavaScript (Babel

دمو و کد

درباره کد

ANIMATED ACCESSIBLE NAVIGATION

منو بسیار پیشرفته که دسترسی به گزینه های آن از طریق حرکت دایره ای در پشت زمینه آن صورت میگیرد.

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Raiden Kaneda – April 7, 2017                                     نوشته شده با: HTML (Haml) / CSS (SCSS) / JavaScript

دمو و کد

درباره کد

MOBILE MENU STYLE

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Ivan Bogachev – February 24, 2017                                     نوشته شده با: HTML (Haml) / CSS (SCSS) / JavaScript

دمو و کد

درباره کد

MENU WITH SCROLL EFFECTS

منو اپلیکیشنی که خاصیت اسکرول کردن گزینه ها همراه با هاور کردن آنها را داراست.

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Kirsten Humphreys – February 6, 2017                                     نوشته شده با: (HTML / CSS (SCSS

دمو و کد

درباره کد

MOBILE MENU

منو موبایل سفارشی شده با CSS

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Max Misnikov – January 6, 2017                                     نوشته شده با: (HTML / CSS (SCSS

دمو و کد

درباره کد

MOBILE NAV

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Ravi Dhiman – December 11, 2016                                      نوشته شده با: (HTML (Pug) / CSS (SCSS

دمو و کد

درباره کد

PURE CSS NAVIGATION

طراحی ساده و راحت با css سفارشی شده

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Made On Mars – November 7, 2016                                      نوشته شده با: HTML / CSS (SCSS) / JavaScript

دمو و کد

درباره کد

3 MOBILE NAV ANIMATIONS

3 منو سفارشی شده متحرک

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Narendra N Shetty – May 15, 2016                                     نوشته شده با: HTML / CSS / JavaScript

دمو و کد

درباره کد

MOBILE MENU SLIDER PROTOTYPE

منو موبایل طراحی شده مانند اسلایدر با استفاده از HTML , CSS , JAVASCRIPT

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Ian Turner – May 1, 2016                                    نوشته شده با: HTML / CSS (SCSS) / JavaScript

دمو و کد

درباره کد

APP NAVIGATION

کانسپت منو برای برنامه های موبایل

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –


طراح: Mathieu Lavoie – November 27, 2015                                    نوشته شده با: HTML (Pug) / CSS (SCSS) / JavaScript

دمو و کد

درباره کد

APPLE STYLE MOBILE MENU

الهام گرفته شده از منو موبایل گوشی های اپل

مرورگرهای سازگار:              Chrome, Edge, Firefox, Opera, Safari

جزئیات:                            –

احسان دربندی

از سال 86 فعالیتم رو در حوزه IT شروع کردم و علاقمند فناوری جدید در حوزه IT شدم ، از همان سال های اولیه به فکر راه اندازی کسب کار بودم و تا اینکه خودم رو به عنوان کار افرین پیدا کردم و عاشق کار افرینی شدم . در حال حاضر یک توسعه دهنده حرفه ای هستم و عاشق خدمت رسانی به مردم کشورم ....

یک دیدگاه در پست “15 نمونه منو موبایل با CSS

ارسال دیدگاه

* .ایمیل ادرس شما منتشر نخواهد شد