Siyaqhubeka nolunye uhlu oluhle lwamamenyu ayindilinga kokubili ku-CSS kanye ne-HTML ukuze uzivumelanise nezidingo zewebhusayithi yakho. Lawa mamenyu ayindilinga ahlose kakhulu ukunikeza imenyu ye-hamburger isitayela kanye nezithombe ezinyakazayo ezijikeleza ngesimo esiyindilinga; njengoba ubungalindela.
Kunezinhlobonhlobo zazo eziningi, njengaleyo ephelele enganikeza ukugxila okudingekayo esihlokweni esithile. I-animation kanye nesitayela esibonakalayo esincane kungabonisa isivakashi ukuthi sineso elihle lokunikeza iwebhusayithi yethu ikhwalithi ekwakhiweni kwewebhu. Ake siqale ngamamenyu ayi-11 ayindilinga, kodwa okokuqala, sizokuxhumanisa nolunye uhlu lwamamenyu e-CSS.
Imenyu yokuzulazula eyindilinga
Le menyu yokuzulazula eyindilinga iyatholakala ku-CSS kanye ne-HTML, ngakho-ke ukusetshenziswa kwayo kulula kakhulu uma ujwayele ukusebenza ngekhodi. Iqukethe izithombe ezinhle kakhulu kanye nesitayela esincane esiyifaka phakathi kwezinhle kakhulu ohlwini.
Imenyu eyindilinga entantayo
Le menyu eyindilinga entantayo ihlanganiswe neJavaScript , kanye ne-HTML ne-CSS. Enye imenyu enochungechunge lwezithombe ezinyakazayo eziyifaka phakathi kwezingcono kakhulu kulolu hlu. Ikhwalithi ephezulu, ngaphandle kokungabaza.
Ibha yokuzula eyisiyingi
Le bha eyindilinga iphefumulelwe ulimi lokuklama lwe-Google olubizwa ngokuthi i-Material Design . Uma ufuna okuthile okufana naleyo ndlela, kufanele ukuhlanganise kuwebhusayithi yakho ngokushesha.
Imenyu Yento Eyisiyingi
Enye imenyu eyindilinga eyenzelwe i-Material Design, ehlukaniswe kwezinye ngeqoqo layo eliqondile lezimpawu. Iheha amehlo futhi inomphetho ocwebezelayo; hhayi omuhle kakhulu, kodwa yenziwe kahle kakhulu.
Imenyu eyisiyingi
Le menyu ifaka i-animation eyandisa inkinobho ye-hamburger ukuze ibonise izigaba ezahlukene ongazulazula kuzo kuwebhusayithi lapho ihlanganiswe khona.
Imenyu ye-Radial ku-CSS
Le menyu ye-radial yakhiwe kusetshenziswa i-CSS ne-HTML. Iyimenyu eyindilinga ekhangayo ngokubonakalayo ngenxa yochungechunge lwezithombe ezivela uma uchofoza isithonjana se-hamburger. Ukubukeka kwayo kukodwa kwenza ivelele.
Imenyu ye-Radial
Enye yamamenyu ayindilinga anobuciko kakhulu ohlwini, ebonakala ngopopayi bayo obuhle kakhulu . Ngeke uze udinge ukuchofoza ukuze ubone izingxenye ezahlukene zemenyu kuwebhusayithi yakho.
Imenyu CSS Gooey
Le menyu isebenzisa uhlobo lwe-animation olubizwa ngokuthi i-Gooey, olwenza izingxenye ezahlukene zigeleze kusukela kunkinobho ye-hamburger. Imenyu eyindilinga eyingqayizivele eyenziwe nge-CSS, ngakho-ke ilungele ukuhlanganiswa newebhusayithi yakho. I-animation yayo ephilayo neheha amehlo yiyo eyenza ivelele ngempela.
Imenyu ye-animated radial
Le menyu eyindilinga ilula kakhulu, kodwa inenani elifanele le-animation ukuze ibe imenyu esezingeni eliphezulu. Isebenzisa iJavaScript kanye ne-CSS kanye ne-HTML. Ukuchofoza nje kusithonjana se-hamburger kuzovula zonke izigaba ukuze ukwazi ukuya kuzo.
Ukuphuma kokuzulazula okuyindilinga
Ukuchofoza okusheshayo kusithonjana se-hamburger kuvula ngokugcwele izigaba ezahlukene, kwandisa indilinga ukuze ukwazi ukuchofoza ngayinye. Iphinde ibe nomphumela wokuhambisa phezulu uma ucindezela futhi ubamba inkinobho yegundane phezu kwanoma iyiphi yazo, okwenza kube mnandi kakhulu kunenguqulo yangaphambilini, eyisisekelo kancane.
Imenyu eyisiyingi ejikelezayo
Lena ingenye yamamenyu ayindilinga asekuqaleni futhi anobuciko ohlwini. Ingenziwa ngokwezifiso kakhulu futhi izokukhumbuza ifoni yokudayela ejikelezayo yakudala lapho kwakufanele ujikelezise umunwe wakho ukuze ushayele inombolo ngayinye. I-animation ejabulisayo yemenyu eyindilinga evelele kwezinye izinto ekwakhiweni kwayo. Ngempela yi-animation edala umphumela, ngakho-ke uma ufuna imenyu ejabulisayo nengavamile yetimu ethile, njengesikhungo socingo, lena iphelele.