35 menus f'HTML u CSS

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

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 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

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

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

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

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

Ċirkolari CSS HTML menu

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

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

Fjura pop up menu

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

Nav Hover Rekursiv

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

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

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

Menu reattiv u sempliċi

A 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

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

Mega Menu CSS

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 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

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

Menu mobbli Burger

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

Velocity.js full screen flexbox

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 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

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

Kunċett tal-menu CSS clip-path

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

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

Lavalamp CSS Menu

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

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

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

Kunċett tal-menu mobbli 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 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

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

Menu b'effetti ta 'scrolling u 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

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

Navigazzjoni barra mill-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

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

Sidebar tan-navigazzjoni fissa

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

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