da Cikakken allon CSS Suna zuwa a hannu don amfani da manyan hotuna waɗanda ke nuna mahimmancin taken yanar gizo, kasancewa shafin saukowa ne, shafin ɗaukar hoto ko ma eCommerce inda muke son haskaka wani samfurin.
Wannan jerin 10 cikakken allon ko cikakken menus ɗin CSS bi matakan yau da kullun kuma suna jagorantarmu don gabatar da wancan ƙarin ingantaccen tsarin ƙirar gidan yanar sadarwar da yakamata mu nema a yau. Mun riga mun bi wani jerin kwatankwacin labarai, kamar su menus na gabas o wannan wannan. Bari mu tafi tare da waɗancan menu na cikakken CSS guda 10.
Cikakken menu na allo
Wannan lambar tare da ɗan Flexbox da jQuery kawo mu zuwa kyakkyawan tsarin allo mai cikakken haske wanda yayi fice don ainihin wasanninta. Wancan rayarwa ya sanya mu a gaban ɓangarori daban-daban. Cikakke don sabunta gidan yanar gizon mu a yau.
Cikakken kewayawar allo
Wani menu na cikakken allo na yanzu mai santsi da kuma da kyau fassara miƙawar rai wanda ke kai mu ga sassa daban-daban waɗanda suka bayyana a cikin girma mai kyau. Abin mamaki kuma mai salo.
Cikakken menu na allo
Menuananan menu na cikakken allo wanda ke bin ingancin na baya, kodayake a ra'ayi shine mafi sauki. Wannan baya nufin cewa wani babban inganci ne don sabunta rukunin yanar gizon mu kuma ya zama mai fice ga baƙi.
Flexbox allon menu
Wannan menu ba ma'ana daidai a cikin IE. A kowane hali, yana da ɗayan kyawawan ƙirar gani ga waɗancan nau'ikan abokan cinikin da ke neman wani abu daban, amma wannan yana da ƙirar ƙwararru sosai. An yi kyakkyawan aiki don zama ɗayan mafiya mahimmanci akan jerin.
Cikakken kewayawar allo
Muna so mu sanya muku wahala da wannan jerin menus. Wannan kuma shine kyau sosai kuma yana ɗauke da animation mai sauƙi. Da dabara sosai don gidan yanar gizon ku. Ba zaku iya rasa shi ba, saboda haka kuna da zaɓi don sabunta gidan yanar gizonku tare da lamba kamar wacce aka bayar a cikin codepen. Muna ba da shawarar cewa ka ga misalin yadda za ka iya mu'amala da shi don haka ka samu masaniyar yadda zai kaya.
CSS cikakken allo
Wannan menu na cikakken allo shine na mafi sauki daga jerin duka. Alamar hamburger a hannun dama da menu wanda yake bayyana lokacin da muka danna shi, daidai a tsakiyar allo. Ya cancanci a kira shi cikakken menu na allo wanda aka yi a CSS.
Cikakken menu na allo
Wannan menu na cikakken allo tsarkakakke CSS ne kuma samun duhu bango sab thatda haka, bayan danna maɓallin hamburger mun bayyana a gaban zaɓuɓɓukan menu daban-daban tare da tsararren tashin ruwan sama mai kyau. Kyakkyawan shi ba tare da wata shakka ba.
Tsantsar CSS3 cikakken allo
Cikakken menu na allo tare da jerin sauye-sauye da ƙera abubuwa a cikin tsarkakakken CSS3. Bitan sauƙi a cikin ɗaukar ciki, kodayake ba zai iya ɓacewa daga wannan jeri don zama ɗaya daban da sauran.
Cikakken kewayawar allo
Wannan menu na cikakken allo sanya a cikin HTML, CSS da JavaScript Yana da alamun motsawar sauyawa a cikin ɗan gajeren jinkiri, amma wanda ke ba da wani abu na musamman ga gidan yanar gizo inda aka shigar da lambar. Yana amfani da hover a cikin kowane ɓangaren don banbanta kansa da sauran.
Tsabtace menu na CSS
Mun ƙare jerin tare da cikakken menu na kewayawa na allo wanda aka yi shi cikin tsarkakakken CSS. Wannan lokacin muna da maɓallin hamburger a hannun hagu na allon da ke kunna rayarwar da'irar da ta buɗe don nuna ɓangarori daban-daban na menu. Wataƙila miƙa mulki ya yi jinkiri, amma ana iya daidaita shi don sanya shi yadda muke so.
Mun bar ku tare jerin siffofin a cikin CSS don haka shigar da rubutu wanda zai fi dacewa kuma mai daɗi ga baƙon yanar gizo.