9 iimenyu ze-CSS ezinoyilo oluphendulayo lwangoku

Imenyu yeselfowuni yeCSS

Siyaqhubeka nolunye upapasho lwezo uyilo lwewebhu nge Uluhlu oluhle lweemenyu zeCSS ezinoyilo oluphendulayo. Uthotho lweemenyu zeCSS ezinikezelwe ngokukodwa kuloo fomathi ingahlali ngaphezulu kwe-intshi ezingama-768 kwaye esivumela ukuba iwebhusayithi yethu ilungele ukuba iindwendwe zingene kwi-smartphone yazo.

Inyani yile yokuba nganye kwiimenyu ezi-9 ze-CSS ezinoyilo lweselfowuni oza kuzifumana apha ngezantsi Zintle kakhulu kwaye baxhotyiswe kuthotho lweemiboniso kunye noyilo lomgangatho ophezulu kunye neenkcukacha. Ungaphoswa nayo Olu luhlu lweemenyu ezijikelezayo ezinemilo eyahlukileyo ukubonisa amacandelo ahlukeneyo kwiwebhusayithi yethu.

Imenyu elula eshukumayo

Imenyu yefowuni

Imenyu elula yeselfowuni yendalo yangoku kwaye isisa ngqo kumgangatho wangoku woyilo lwewebhu izixhobo mobile. Imenyu ephendula ngokupheleleyo esebenzisa iBootstrap 3.x, FontAwesome, CSS flexbox kunye neCSS BEM Syntax. Imenyu elula eyilelwe kakuhle kwaye isekwe kubulula bayo bokunconywa.

Imenyu yemagga yeselfowuni

Imenyu yemilingo eshukumayo

Iimenyu zeMega zisivumela ukuba songeze iikholamu, iiwijethi kunye nalo lonke uthotho lwezinto eziyimfuneko ukugcwala ngokuthe ngqo kwindawo yethu Iwebhu. Le menyu yecala ephendulayo ye-smartphone ilula kakhulu kwaye uya kuwafumana onke amacandelo esona sithuba usisebenzisa ngokwezibalo.

Ukuhamba kwe-app

Ukuhamba kwe-app

Sijongene nemenyu ephendulayo engumbono ngakumbi. Ukuba ukhangela into yahlukile kumgangatho wangoku Kwiimenyu ezihambayo, le menyu inokulunga ngokufanelekileyo. Ukusuka kwi icon yehamburger ungalwandisa uthotho lweethebhu onokufikelela kuzo onke amaphepha ewebhusayithi.

Iselfowuni yokuhamba oopopayi

Oopopayi mobile

Le menyu ephendulayo yahlukile kwezinye ngokungaphezulu kwesinye oopopayi abahle botshintsho kuba sicinezela imenyu yehamburger yoyilo lwediagonal. Ikwaxabisa oopopayi kwisikhethi sokuhamba ukuze siyinike amandla amakhulu. Sebenzisa i-GSAP TweenMax kunye ne-TimelineMax zoopopayi.

Ingqondo ye-SVG UI yokuhamba

Umgaqo wokuhamba

I-SVG kunye ne-CSS3 yoopopayi yemenyu yoqobo eyokusa kutshintsho olunobuchule kunye nophuma kwezinye iimenyu eziphendulayo kolu luhlu. Kukwaphawuleka ngefayile yayo umbala omkhulu kunye nefuthe elikhulu ukuba inokunika indawo yakho yewebhu xa ijongwa kwifowuni enjengecwecwe.

Ulwazi lweenkcukacha kunye nokuhamba

Iinkcukacha info

Ifana kakhulu neyangaphambili kuyilo kunye nokusetyenziswa kwemibala, ubuncinci kulwakhiwo lokuqala, kodwa ngeli xesha lahlukile ngo isetyhula ephendulayo yemenyu ebekwe kwicala lesikrini. Iifilimu zihamba kakuhle kwaye yenye yemenyu ephendulayo kunye nomnxeba omkhulu ukwenza ukuba iwebhusayithi yethu ibonakale kwiselula okanye ithebhulethi.

Ukuhamba ngenqanawe kweSelfowuni

Googey

Esi sisiphumo se- «Gooey» esisetyenziswe kakuhle kwimenyu yendlela eshukumayo ixhomekeke kwiCSS kunye nokutshintsha kwejQuery yoopopayi. Imalunga nothotho lwamaqhosha avulekileyo xa ucofa kwi icon yehamburger esinayo embindini wenxalenye esezantsi yesikrini. Enye yeemenyu eziphendulayo ezingenangqondo ezikhoyo ngoku.

Ifrosty Nav «Guqula» isiphumo

Frosty nav

Le menyu ephendulayo izama ukufaka ifayile ye- oopopayi abagudileyo xa sicinezela iqhosha ibhamburger. Iziphumo ezenziwayo kukufiphalaza ukuze imvelaphi yesikrini iphazanyiswe kwaye sikwazi ukwahlula ngcono icandelo ngalinye apho iindwendwe ziya kudlula khona kwiwebhusayithi yethu. Sinezinto oopopayi ezilula nganye iindidi ngaphandle fanfare kakhulu, kodwa nempembelelo enkulu.

Imenyu yeSelfowuni

Imenyu yeselfowuni yeCSS

Silugqibile olu luhlu iimenyu eziphendulayo ezihambayo nomnye umgangatho ophezulu. Ngaphandle kokulibala kuqala ukuba ungaya kolunye uthotho lweemenyu ukwahlula iwebhusayithi yakho, ezi nje kwiscreen esigcweleyo.

Imenyu yeSelfowuni yenye ibonakaliswa yimpembelelo ye-jQuery kwaye icwangcisiwe kuzo zombini i-HTML kunye ne-CSS. Ilula ngokulula kulwakhiwo lwayo, kodwa ngokuqinisekileyo iyakwazi ukunika ipremiyamu yokuthinta iwebhusayithi yethu.


Umxholo wenqaku uyabambelela kwimigaqo yethu imigaqo yokuziphatha yokuhlela. Ukuxela impazamo cofa apha.

Yiba ngowokuqala ukuphawula

Shiya uluvo lwakho

Idilesi yakho ye email aziyi kupapashwa. ezidingekayo ziphawulwe *

*

*

  1. Uxanduva lwedatha: UMiguel Ángel Gatón
  2. Injongo yedatha: Ulawulo lwe-SPAM, ulawulo lwezimvo.
  3. Umthetho: Imvume yakho
  4. Unxibelelwano lwedatha: Idatha ayizukuhanjiswa kubantu besithathu ngaphandle koxanduva lomthetho.
  5. Ukugcinwa kweenkcukacha
  6. Amalungelo: Ngalo naliphi na ixesha unganciphisa, uphinde uphinde ucime ulwazi lwakho.