Siyaqhubeka nokunye ukushicilelwa kwalezo zakhiwo zewebhu nge uhlu oluhle lwamamenyu we-CSS anokwakheka okuphendulayo. Uchungechunge lwamamenyu e-CSS anikezelwe kuphela kuleyo fomethi engavame ukudlula ama-intshi angama-768 futhi esivumela ukuthi iwebhusayithi yethu ilungele izivakashi ukuthi zingene zivela ku-smartphone yazo.
Iqiniso ukuthi ngalinye lamamenyu we-9 CSS anedizayini yeselula ozowathola ngezansi zinhle kakhulu futhi bahlome ngochungechunge lokugqwayiza nomklamo wekhwalithi ephezulu nemininingwane. Ungaphuthelwa noma lolu chungechunge lwamamenyu ayindilinga anokuma okunjalo okuhlukile ukukhombisa izigaba ezahlukahlukene zewebhusayithi yethu.
Imenyu elula ephathekayo
Imenyu elula yeselula yendalo yakamuva futhi lokho kusithatha ngqo kuzinga lamanje lokwakhiwa kwewebhu yamadivayisi eselula. Imenyu ephendulayo egcwele esebenzisa iBootstrap 3.x, FontAwesome, CSS flexbox ne-CSS BEM Syntax. Imenyu elula yakhelwe kahle kakhulu futhi isuselwa kubulula bayo obuthandekayo.
Imenyu yemega yemilingo yemilingo
Amamenyu we-Mega asivumela ukuthi sengeze amakholomu, amawijethi nakho konke lokho kuchungechunge kwezinto ezidingekayo ukuqondisa okuqondile kusayithi lethu Iwebhu. Le menyu eseceleni ephendulayo ye-smartphone ilula kakhulu futhi uzothola zonke izigaba isikhala kuphela osisebenzisa ngokwezibalo.
Ukuzulazula kohlelo lokusebenza
Sibhekene nemenyu ephendulayo engaphezulu komqondo. Uma ufuna okuthile kwehlukile kunamazinga amanje Kumamenyu weselula, le menyu ingafaneleka impela. Kusuka kusithonjana se-hamburger unganweba uchungechunge lwamathebhu ongafinyelela kuwo wonke amakhasi wewebhusayithi.
Iselula izithombe
Le menyu ephendulayo yehlukile kokunye ngokuchofoza okukodwa izithombe ezinhle zenguquko ngoba sicindezela imenyu ye-hamburger ngokuklanywa kwe-diagonal. Kubiza futhi ukugqwayiza kusikhethi sokuhambisa phezulu ukuze kusinike amandla amakhulu. Sebenzisela ukugqwayiza kwe-GSAP TweenMax ne-TimelineMax.
Umqondo wokuzulazula we-SVG UI
Ukugqwayiza kwe-SVG ne-CSS3 kwemenyu yangempela ekuyisa kuguquko lobuciko futhi okugqame kuwo wonke amanye amamenyu aphendulayo kulolu hlu. Kuyaziwa futhi nge- umbala omuhle nomphumela omuhle ukuthi inganikeza indawo yakho yewebhu lapho ibukwa kusuka kudivayisi ephathekayo njengethebhulethi.
Imininingwane imininingwane nokuzulazula
Ifana kakhulu neyangaphambilini ekwakhiweni nasekusebenziseni imibala, okungenani ekwakhiweni kwasekuqaleni, kepha kulokhu kwehluka ngo imenyu eyindilinga ephendulayo etholakala ohlangothini lwesikrini. Ukugqwayiza kubushelelezi kakhulu futhi kungenye imenyu ephendulayo enokuthinta okuhle ukwenza iwebhusayithi yethu ivelele kuselula noma kuthebhulethi.
Ukuzulazula kweselula kweGooey
Lokhu kungumphumela we- «Gooey» osetshenziswe kahle kakhulu kwimenyu yesitayela eselula ethi uthembele ekuguqulweni kwe-CSS ne-jQuery ngokugqwayiza. Imayelana nochungechunge lwezinkinobho ezivulekayo uma uchofoza kusithonjana se-hamburger esinenkaba engxenyeni engezansi yesikrini. Enye yamamenyu aphendulayo angama-gimmicky namanje asekhona kakhulu.
I-Frosty Nav «Guqula» umphumela
Le menyu ephendulayo izama ukusebenzisa i- izithombe ezibushelelezi lapho sicindezela inkinobho ibhega. Umphumela owenzayo ukufiphaza ukuze ingemuva lesikrini lingabonakali futhi sikwazi ukuhlukanisa kangcono isigaba ngasinye lapho izivakashi zewebhusayithi yethu zizodlula khona. Sinezinto ezithile ezilula zokugqwayiza zesigaba ngasinye ngaphandle kokuzijabulisa okukhulu, kepha kube nomphumela omuhle.
Imenyu yeselula
Siluqedile lolu chungechunge lwe amamenyu aphendulayo eselula ngenye yekhwalithi enhle. Ngaphandle kokukhohlwa okokuqala ukuthi ungangena kolunye uchungechunge lwamamenyu ukuhlukanisa iwebhusayithi yakho, lokhu nje kusikrini esigcwele.
Imenyu yeselula ingenye yalokho ibonakala ngomthelela we-jQuery nokuthi ihlelwe kuzo zombili i-HTML ne-CSS. Ilula kakhulu ekubunjweni kwayo, kepha ngokuqinisekile iyakwazi ukunikeza lokho kuthinta kwe-premium kuwebhusayithi yethu.