Nietypowe menu na twoją stronę – inspiracje [CSS][JS]

zdjęcia, photos, images

Kategoria wpisu Frontend, Inspiracje Tagi: , , , , on przez .


1 Gwizdka2 Gwizdki3 Gwizdki4 Gwizdki5 Gwizdki (Brak ocen)
Loading...

Menu na stronie internetowej odgrywa bardzo istotną rolę. W większości ogranicza się ona do bycia jedynie nawigacją ułatwiającą poruszanie się wewnątrz witryny (nie zawsze poprawnie zbudowaną). Menu potrafi być także ciekawą dekoracją nadającą stronie wyjątkowy wygląd i charakter.

Poniżej przygotowałam listę ciekawych alternetywnych rozwiązań, które mogą zainspirować do stworzenia unikalnego ciekawego menu.

Nawigacje zostały wykonane w technologach HTML, CSS (SASS, LASS), JavaScript i jQuery.

Hamburger Icon

autor: Pranjal Saxena

See the Pen Hamburger Icon by Pranjal Saxena (@shady101) on CodePen.0

Hamburger Menu (with cheese)

autor: Michael Smart

See the Pen Hamburger Menu (with cheese) by Michael Smart (@mikedevelops) on CodePen.0

Responsive Hamburger Menu

autor: Max Ruigewaard

See the Pen Responsive Hamburger Menu by Max Ruigewaard (@ruigewaard) on CodePen.0

Hamburger Menu – HTML, CSS & jQuery

autor: Glenn Smith

See the Pen Hamburger Menu – HTML, CSS & jQuery by Glenn Smith (@g13nn) on CodePen.0

Gooey Menu

autor: Lucas Bebber

See the Pen Gooey Menu by Lucas Bebber (@lbebber) on CodePen.0

hamburger slide accordion menu

autor: Anya Melnyk

See the Pen hamburger slide accordion menu by Anya Melnyk (@slyka85) on CodePen.0

Hamburger icon with Morphing Menu

autor: Sergio

See the Pen Hamburger icon with Morphing Menu by Sergio (@sergioandrade) on CodePen.0

Circle Social Menu/Navigation

autor: @BokhariShah

See the Pen Circle Social Menu/Navigation by @BokhariShah (@shahbokhari) on CodePen.0

CSS Gooey Menu (Version 3)

autor: Lucas Bebber

See the Pen CSS Gooey Menu (Version 3) by Lucas Bebber (@lbebber) on CodePen.0

CSS Gooey Menu (Version 2)

autor: Lucas Bebber

See the Pen CSS Gooey Menu (Version 2) by Lucas Bebber (@lbebber) on CodePen.0

Greedy Navigation

autor: lukejacksonn

See the Pen Greedy Navigation by lukejacksonn (@lukejacksonn) on CodePen.0

Morphing Navigation

autor: @BokhariShah

See the Pen Morphing Navigation by @BokhariShah (@shahbokhari) on CodePen.0

CSS Side Menu/Navigation (Push & Rotate)

autor: Mayur Birle

See the Pen CSS Side Menu/Navigation (Push & Rotate) by Mayur Birle (@mayurbirle) on CodePen.0

Simple Menu Navigation

autor: Karim Balaa

See the Pen Simple Menu Navigation by Karim Balaa (@karimbalaa) on CodePen.0

Hamburger Icon Animations

autor: Rosa

See the Pen Hamburger Icon Animations by Rosa (@RRoberts) on CodePen.0

Sidebar Menu Hover Show/Hide CSS

autor: JFarrow

See the Pen Sidebar Menu Hover Show/Hide CSS by JFarrow (@JFarrow) on CodePen.0

Dodatkowe tagi:
nietypowe menu na witrynę online
oryginalne rozwiązanie do poruszania się na stronie www
alternatyw dla “hamburgerowego” menu

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *