35 menus f'HTML u CSS

menu

F’din is-sensiela ta ’artikli b’lVeduti magħżula tal-kodiċi CSS, HTML u JavaScript, ġeneralment naqsmu effetti tat-test, vleġeġ, headers jew sliders li bihom nenfasizzaw id-disinn tal-websajt tagħna sabiex tkun aktar eleganti jew kapaċi żżid il-valur tal-kontenut li nippreżentaw lill-viżitatur.

Din id-darba wasal iż-żmien għall- menus f'HTML u CSS li bihom tista 'timmima sewwa dawk l-elementi importanti li jippermettulna nidderieġu lill-utent lejn l-aktar partijiet importanti tal-Kummerċ elettroniku, il-blog u aktar tagħna. Immorru magħhom biex nagħtu dak it-touch ta 'kwalità lis-sit tagħna u li huwa kemm jista' jkun kurrenti għall-istandards tad-disinn tal-UI.

Slide accordion menu

Hamburger

Un slide menu jew menu sekondarju tal-hamburger kompost minn animazzjonijiet grazzjużi b’kisba minimalista għal effett kbir.

Artiklu relatat:
9 menus tal-sidebar CSS li ma tistax titlef

Swanky Pure CSS Drop Down

Swanky

Swanky Lil Drop Down Manu V2.0 es menu komplet komplet CSS pur li għandu l-valur miżjud li m'hemm l-ebda kodiċi JavaScript fl-interface tal-utent. Sempliċement eċċellenti l-inkorporazzjoni tagħha biex tiskopri eleganti kbira.

Menu tal-akkordjun

Akkordjun

dan menu tal-akkordjon es sempliċi ħafna jekk inqabbluha mat-tnejn ta 'qabel ma' HTML, JS u CSS.

Artiklu relatat:
16-il menus CSS kaskati biex tiġġedded il-websajt tiegħek

Menu vertikali ma 'jQuery u CSS3

Akkordjun vertikali

Un menu vertikali ma 'jQuery u CSS3 de mess kbir għal app jew websajt. Kull tip ta 'transizzjonijiet u gradjenti b'dellijiet minimalisti.

Menu ċirkolari

Navigazzjoni ċirkolari

Un menu ċirkolari de navigazzjoni sperimentali li jaħdem perfettament għal websajt teknika. Manifatturat fi SVG u GreenSock Animation Platform, differenti mingħajr dubju.

Menu radjali

Radjali

Oħra menu radjali u sperimentali li huwa perfettament validu għal paġna destinata għal-logħba.

Ċirkolari CSS HTML menu

Ċirkolari

Un menu ċirkolari CSS HTML biex tpoġġiha lateralment u dik tiftaħ ċirkolarment b'esperjenza kbira ta 'l-utent.

Kunċett tal-menu taċ-ċirku

Ċrieki

F'din menu taċ-ċirku il rabtiet huma pożizzjonati fuq kull wieħed biex toħloq ċrieki differenti.

Fjura pop up menu

Fjura

Partikolari oħra pop-up menu b'animazzjoni applikata tajjeb ħafna li tipproduċi effett kbir.

Nav Hover Rekursiv

Jirrikorru

Nav Hover Rekursiv hija drop down menu ta 'kwalità għolja għal dawk l-animazzjonijiet li jindikaw perfettament l-istruttura tal-kontenut tal-web.

Navigazzjoni dropdown

CSS

Un menu navigazzjoni dropdown simili għal dak ta 'qabel għalkemm b'ħjiel ieħor fid-disinn tal-interface.

Menu drop-down CSS pur

CSS Pura Sempliċi

Oħra dropdown menu ta 'kwalità fis-CSS li ssegwi l-istandards attwali tad-disinn tal-UI.

Menu reattiv u sempliċi

Reattiv sempliċi

full screen, dan menu li jirreaġixxi u sempliċi f'HTML5 u CSS3 huwa kompatibbli ma 'l-Internet Explorer 11.

Full screen menu f'SVG

SVG tal-menu sħiħ

Un menu full screen f'SVG imqiegħed fuq il-ġenb fil-hamburger u li jiġbed l-għajn ħafna.

Mega Menu CSS

Mega Menu

Un Mega Menu f'CSS u HTML differenti minn dak li jidher, bi stil modern u minimalista.

Kunċett ieħor tal-Menu

Kunċett tal-menu

Kunċett ieħor tal-Menu hija l-għażla ideali jekk qed tfittex menu differenti u oriġinaliDan huwa sempliċement kbir grazzi għal menu tad-dwana fuq l-ikona u animazzjoni maħduma bl-attenzjoni.

Menu tad-Disinn tal-Materjal

materjal

Menu tad-Disinn tal-Materjal huwa ibbażat fuq il-lingwa tad-disinn ta 'Google. 

Menu mobbli Burger

Burger

Un menu tal-hamburger mobbli ottimizzat u li jsir bl-HTML, CSS u JavaScript.

Velocity.js full screen flexbox

Veloċità

Velocity.js full screen flexbox huwa menu ta ' kwalità enormi fl-effett miksub u għall-esperjenza tal-utent kważi unika tagħha. Full screen flexbox b'veloċità.js.

Paġna sħiħa barra mill-kanvas

Paġna sħiħa

Paġna sħiħa barra mill-kanvas huwa full-screen, menu ta 'kwalità għolja li jaħdem perfettament għall-wiri kif tfassal websajt ma 'dawk il-valuri.

Erfa 'l-effett tal-linja tal-menu

Imbattla

Un imbagħad aqbad il-menu effett tal-linja sempliċi u sabiħ ħafna.

Kunċett tal-menu CSS clip-path

Kunċett tal-Menu CSS

Kunċett ieħor ta ' menu bi clip-path li jikkonsisti minn imbagħad jerġgħu kurjużi ħafna u xi kategoriji animati.

Imqajjem imqajjem

Aqta

Imqajjem imqajjem huwa menu ieħor imbagħad aqbad għal links kurjużi riżultat.

Lavalamp CSS Menu

Lavalamp

Lavalamp CSS Menu fih wieħed imbagħad aqbad animazzjoni għal kull waħda mill-links li jippresta ruħu għad-dinamiżmu.

Slider tan-navigazzjoni

Slider Nadif

Un slider tan-navigazzjoni li tiskrollja għal kull ħolqa biex tkun distinta b’lewn aħmar u animazzjoni kkurata tajjeb ta ’riżultati mill-aqwa.

Navigazzjoni tal-menu mobbli

Menu mobbli

Un navigazzjoni tal-menu tal-burger ta 'effett kbir immirat lejn apparat mobbli.

Kunċett tal-menu mobbli IPhone X

iPhone X

 

Un menu iddisinjat għal iPhone X li jista 'jagħti lill-websajt tiegħek dak il-mess ta' kwalità biex jaqbel mad-disinn tat-telefon Apple.

Is-submenu jespandi għall-mowbajl

Is-submenu jespandi

Is-submenu jespandi għall-mowbajl huwa ddisinjat għall - footer b'animazzjoni grazzjuża u spostament adattat ħafna. Eleganza fil-livelli kollha għal interface mobbli tal-app jew tal-websajt tiegħek.

Navigazzjoni mobbli animata

Ħaj

Oħra menu animat għall-mowbajl bi sfond animat ċirkolari ta 'riżultat viżiv kbir.

Menu b'effetti ta 'scrolling u hover

Skrollja Hover

Oħra effett kbir għal menu differenti u stramb. Lvant menu b'effetti ta 'scrolling u hover huwa perfett għal ristoranti, reviżjonijiet, u aktar.

Menu tal-filtru mobbli

Iffiltra

Un menu tal-filtru mobbli konvertiti għall-verżjoni tal-web u mmirati lejn il-mowbajl.

Navigazzjoni barra mill-kanvas

Off-kanvas

Navigazzjoni barra mill-kanvas huwa menu li esperiment ma 'transizzjonijiet u navigazzjoni li tkun kurrenti ħafna. Jekk qed tfittex xi ħaġa ġdida biex tissorprendiha, il-livell tagħha huwa l-aħjar f'din il-lista.

Menu sekondarju CSS moħbi

Menu moħbi

Un menu sekondarju fis-CSS dak li hu moħbi u hekk jidher bl-ikona tal-hamburger.

Sidebar tan-navigazzjoni fissa

Fixed

Uża bootstrap minflok flexbox biex tappoġġja l-IE9 / 10. Menu eċċellenti ieħor għalih Sidebar tan-navigazzjoni fissa fil-kunċett tagħha.

Tab morphing

Morphing

Tab morphing huwa menu dropdown li jseħħ meta tagħfas fuq il-buttuna tat-tab prinċipali.


Il-kontenut tal-artikolu jaderixxi mal-prinċipji tagħna ta ' etika editorjali. Biex tirrapporta żball ikklikkja hawn.

2 kummenti, ħalli tiegħek

Ħalli l-kumment tiegħek

Your email address mhux se jkun ippubblikat. oqsma meħtieġa huma mmarkati bl *

*

*

  1. Responsabbli għad-dejta: Miguel Ángel Gatón
  2. Għan tad-dejta: Kontroll SPAM, ġestjoni tal-kummenti.
  3. Leġittimazzjoni: Il-kunsens tiegħek
  4. Komunikazzjoni tad-dejta: Id-dejta ma tiġix ikkomunikata lil partijiet terzi ħlief b'obbligu legali.
  5. Ħażna tad-dejta: Bażi tad-dejta ospitata minn Occentus Networks (UE)
  6. Drittijiet: Fi kwalunkwe ħin tista 'tillimita, tirkupra u tħassar l-informazzjoni tiegħek.

  1.   Xavier qal

    Hello insib il-menus differenti disponibbli f'din il-paġna interessanti ħafna, il-mistoqsija tiegħi hija kif tinstalla l-fajls js tal-menu? diversi drabi ippruvajt nibni kwalunkwe menu dawk li js js ma jaħdmux, jew ma jistgħux jinstallawhom, waqt li tispezzjona elementi tal-browser tgħid li l-funzjoni li tidher l-ewwel mhix definita u allura bil-menus kollha

  2.   Eduardo qal

    Kontribut eċċellenti :)